Fall In Love With CSS
summary
Walks through concrete tools and outcomes: custom properties with var() that inherit from :root, CSS nesting now standard, media queries and prefers-color-scheme, and the CSS Grid and Flexbox pair that replace floats. Shows a responsive pattern (stack → grid at 450px → three columns sized 1/5 3/5 1/5 with 10vh header/footer), demonstrates color light dark() and OKLCH/OKLab, and points to real projects like Tea House Hosting (teahouse.cafe) and stealthiswebsite.art as worked examples.
AI-written summary · about
chapters (10)
- 0:00Introduction and background
- 2:00Overcoming CSS contempt
- 5:21Core CSS concepts
- 8:01Building blocks of CSS
- 9:59Selectors and specificity
- 14:32Understanding the cascade
- 18:36Modern CSS features
- 22:19Advanced color handling
- 25:39Layout techniques
- 30:14Conclusion and Q&A
