Vika 5, 15.–21. september 2025

Fyrirlestrar

• Fyrirlestur 5.1: Unnið í verkefni 4
• Fyrirlestur 5.2: Skalanleg vefhönnun, grid
• Hópverkefni 1
• Verkefni 5 og meira um grid og flex

Námsefni

Lesefni

• Bókin um vefforritun
  • Kafli 18: Skalanlegir vefir
  • Kafli 19: Kvikun
  • Kafli 20: Hönnun
  • Kafli 21: Grid

Uppteknir fyrirlestrar

• Skalanlegir vefir
• Kvikun
• Hönnun
• Grid

Dæmi

Dæmi eru undir viðeigandi námsefni í daemi/ möppu. Sérstaklega skal skoða:

• responsive flex
• responsive css grid

Lykilhugtök

• Skalanleg vefhönnun (e. responsive web design)
• Grid/grind í hönnun
• Mobile first
• Sveigjanleg grind
• Sveigjanlegar myndir og miðlar
• Media query
• Device width
• Kvikun (e. animation)
• transition
• Hröðun, línuleg og ease
• animation
• transform
• Röðun og jöfnun (e. alignment)
• Andstæður (e. contrast)
• Litir í hönnun
• Veftré
• Wireframe
• CSS grid
• Dálkar og raðir í CSS grid
• fr
• minmax()
• repeat()

Sjá öll lykilhugtök og skilgreiningar í lykilhugtok.md.

Verkefni vikunnar

• Skrá sig á Figma og skoða hönnunarkerfi Stafræns Ísland.
• Vinna í og skila verkefni 4.
• Byrja á verkefni 5.
• Byrja á hópverkefni 1.