CSS II: asettelu ja liike

HTML & CSS -perusteet -kurssin suorittaneille — syvemmälle CSS:ään: nimetyt grid-alueet, responsiiviset sarakkeet minmax()/auto-fit-tekniikalla, omat ominaisuudet (CSS-muuttujat), transitionit, transformit ja @keyframes-animaatiot, yksi pieni käsite kerrallaan.

Kurssin sisältö

1. 1. Sanasto
2. 2. Nimetyt grid-alueet
3. 3. Ruudukon sarakkeiden mitoitus: minmax() ja auto-fit
4. 4. Alkioiden sijoittelu ja venytys
5. 5. CSS-muuttujien käyttöönotto
6. 6. Custom propertyjen laajuus ja ylikirjoitus
7. 7. Custom propertyt käytännössä: vaalea/tumma väripaletti
8. 8. Transitionin perusteet
9. 9. Ajastusfunktiot ja transition-lyhennysmerkintä
10. 10. Transform-ominaisuus
11. 11. @keyframes-esittely
12. 12. Animaation ajastus, fill mode ja viive
13. 13. Capstone: animoitu koontinäyttöasettelu