Tema: Gränssnitt & komponenter
Bygg blocken som formar webben: boxmodellen, layout, design och juridik.
0% klart · 23 frågor
Varför gör vi det här?
I Tema 2 gav du dina sidor en identitet: färger, typsnitt och en sidebar-layout. Men mycket av det byggde på recept. Du klistrade in flex-grow: 999 och litade på att det fungerade, utan att behöva veta varför. Det är inget fel med recept, proffs använder dem hela tiden. Skillnaden mellan en glad amatör och en professionell utvecklare är att proffset förstår varför receptet fungerar, och kan laga det när det går sönder.
Amatören gissar sig fram, ändrar pixlar på måfå och hoppas att layouten inte exploderar. Proffset förstår webbläsarens underliggande funktion: att varje element är en låda, hur lådorna mäts och hur de påverkar varandra. I det här temat lär du dig hur och varför det fungerar som det gör.
Du lär dig också varför tillgänglighet inte bara är bra design: svensk och europeisk lag ställer numera krav på att webben fungerar för alla.
Temat avslutas med ett praktiskt prov: Flexbox-provet. Du får två bilder på en färdig layout, en för desktop och en för mobil, och ska återskapa den.
- 1 Boxmodellen Lådan bakom varje element: mått, padding, border och margin.
- 2 Designsystem & juridik Förtroende i tre lager: se rätt ut, kännas rätt och följa lagen.
- 3 Layoutmönster Flexbox och media queries: från staplade lådor till levande layout.
- 4 Milstolpe: Flexbox-provet Milstolpe: Bilden till koden. Återskapa en komplett layout med Flexbox, responsivitet och tillgänglighet.