Vika 4, 9.–15. september 2024

Fyrirlestrar

• Fyrirlestur 4.1: CSS, Selectors, Flexbox og allskonar (43:56)
• Fyrirlestur 4.2: Meira um verkefni 2 (42:01)

Dæmi úr fyrirlestri.

Efni farið yfir í fyrirlestri

• Colors in CSS
• Color Formats in CSS
• OKLCH Color Picker & Converter
• HD Gradients

Námsefni

Lesefni

• Bókin um vefforritun
  • Kafli 16: CSS stuðningur
  • Kafli 17: Flexbox

Uppteknir fyrirlestrar

• CSS stuðningur
• Flexbox

Dæmi

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

• CSS variables
• object-fit
• Staðsetning
• Flex

Lykilhugtök

• Progressive enhancement
• Fallback gildi
• Feature queries
• CSS custom properties
• object-fit
• Flexbox
• flex container
• flex items
• Ásar: aðal (main axis) og kross (cross axis)
• Röðun á ás með flexbox
• Logical properties

Verkefni vikunnar

• Skoða flexbox dæmi og efni vel
  • MDN: Flexbox
  • CSS tricks: A Complete Guide to Flexbox
  • flexbox froggy
• Vinna í og skila verkefni 3
• Byrja á verkefni 4