ohjelmointikoulutus.fi

html

CSS II: Layout and Motion

For students who've finished HTML & CSS Fundamentals — deeper CSS: named grid areas, responsive tracks with minmax()/auto-fit, custom properties (CSS variables), transitions, transforms, and @keyframes animation, one small concept at a time.

Included with a subscription13 modules

Course content

  1. 1. Glossary
  2. 2. Grid Template Areas
  3. 3. Sizing Grid Tracks: minmax() and auto-fit
  4. 4. Placing and Spanning Items Explicitly
  5. 5. Introducing Custom Properties
  6. 6. Scoping and Overriding Custom Properties
  7. 7. Custom Properties in Practice: A Light/Dark Palette
  8. 8. Transitions Basics
  9. 9. Timing Functions and the Transition Shorthand
  10. 10. The transform Property
  11. 11. Introducing @keyframes
  12. 12. Animation Timing, Fill Mode, and Delay
  13. 13. Capstone: An Animated Dashboard Layout