Anton, Eja och Carolina ifrån 46elks går igenom vanliga problem som kan uppstå när du skapar din hemsida. Vi tittar på nedan saker i HTML, CSS, JS och ger förslag på strukturer som kan hjälpa dig när du kodar. Workshopen finns på Youtube och du hittar den här: https://youtu.be/aRLmWCiNS-g
- https://icons.getbootstrap.com/
- https://fonts.google.com/icons
- https://fontawesome.com/icons?d=gallery
- https://iconmonstr.com/
- https://thenounproject.com/
- https://icons8.com/
- https://scrimba.com/learn/flexbox
- https://flexboxfroggy.com/#sv
- https://www.smashingmagazine.com/2018/04/best-practices-grid-layout/
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- I mappen centrera-exempel kan du se några olika sätt att centrera div:ar eller text på, på olika sätt
- https://tailwindcss.com/
- https://getbootstrap.com/
- I mappen tailwind-exempel kan du se några exempel på Tailwind CSS som Anton satt upp
- Använd Console i din webbläsare
- Använd Terminalen och Problems fliken i din kodeditor (kan heta något annat i olika editors)
- Använd inspector tool i din webbläsare för att kika på koden och testa ändringar där också
I detta Github projekt ser du två olika sätt att hålla struktur i ett projekt på
- Mappen enkel-struktur, passar små projekt som kanske är lokala eller på egen server
- Mappen mer-struktur, passar bra för lite större projekt, output filer och när du ska pusha upp på en live server eller github.
- Notera filen .gitignore också, den gör så att de filer du lägger där inte följer med till ditt Github repo
- Läs mer om absolute och relativa länkar: https://www.turnwall.com/articles/all-about-relative-absolute-links/
- Såhär ser en relativ länk ut: /img/min-bild.jpg
- Såhär ser en absolut länk ut: http://min-domän.se/img/min-bild.jpg
