Embedded Files
Flexbox
Flexbox
Rekommenderar https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/
Rekommenderar https://scrimba.com/learn/flexbox
2 lathundar flexbox: https://flexbox.malven.co/ https://yoksel.github.io/flex-cheatsheet/
Grid
Grid
Rekommenderar https://www.joshwcomeau.com/css/interactive-guide-to-grid/
Rekommenderar https://scrimba.com/learn/cssgrid
2 lathundar grid: https://grid.malven.co/ https://yoksel.github.io/grid-cheatsheet/
En annan kurs som går igenom Grid är denna av Wes Bos: https://cssgrid.io/
I denna filmserie får ni lära er använda Grid för att göra en responsiv hotell webbplats med Atom
Jag har gjort ett exempel på en hotellwebbplats som ni kan ladda ner
Skapa en gratis logga: https://logomakr.com/
Jag använde mig av w3schools för att göra menyn
https://www.w3schools.com/howto/howto_js_topnav_responsive.asp
och denna för de responsiva formulären
https://www.w3schools.com/howto/howto_css_responsive_form.asp
Detta använde jag för att hitta genomskinliga texturer i bakgrunden
https://www.transparenttextures.com/
Ett omfattande och förklarande inlägg i stackoverflow om grid och centrering i grid
Två lathundar om Grid och Flexbox som går att skriva ut
CSS Grid reference.pdfEn PDF fil med det viktigaste termerna förklarade
----------
https://cssgridgarden.com/ - interaktivt spel där man lär sig grid
https://learncssgrid.com/ - En sammanfattning av olika delar av Grid
https://css-tricks.com/snippets/css/complete-guide-grid/
Om du i firefox går in i Inspektera Element -> Layout och aktiverar Rutnät kan du se hur griden ligger
Google Sites
Report abuse