Labo 3 - Verder Leren Werken Met CSS
Doelstellingen van de opdracht
- Leren werken met CSS Visibility vs Display vs .visually-hidden
- Leren werken met CSS Layout & Positioning
- Leren werken met Flexbox
- Leren werken met Teasers/Cards
- Leren werken met Modern CSS
- Leren werken met CSS Visuals
Beschrijving
In deze les verdiepte ik me in modernce CSS-technieken voor layout, positioning en toegankelijkeheid
Ik leerde het verschil tussen visibility, display en .visually-hidden, en hoe verborgen content correct
toegepast wordt. Daarnaast behandelde ik CSS Positioning en logical properties.
Ook kwam FLexbox uitgebreid aan bod, toegepast in teaser cards. Tot slot maakte ik kennis met custom
properties, CSS nesting, gradients en transitions.
Gerelateerde links
Reflectie
-
Wauw!
Het lukte me redelijk goed om variabelen aan te maken en deze dan verder te gebruiken.
Het lukte ook goed om een eigen font te hosten en deze te gebruiken. -
Aauw!
Ik vond CSS Nesting niet zo simpel. Heb hiervoor wel een beetje moeten zoeken
in de theorie, en op het internet. Maar het is me wel redelijk goed gelukt daarna. -
Niet zeker?
Ik vind het nog moeilijk om kleuren op mijn foto's te zetten als je er over hovert.
Hiermee ben ik nog bezig en ga dit zeker verder bekijken.