Vika 5, 16.–22. september

Fyrirlestrar

• Fyrirlestur 5.1: Yfirferð á sýnilausn á verkefni 3 (43:57)
• Fyrirlestur 5.2: Dæmi úr viku 4 (30:02)
• Fyrirlestur 5.4: Verkefni 4 (36:08)

Dæmi úr fyrirlestri.

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()

Verkefni vikunnar

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