The Joy of CSS
summary
Grounds the decision in concrete takeaways: walks through breaking SCSS into modules partials vendor, argues for semantic variables and shows naming as primary not #f4e242, demos a real layout using Flex grow that ships in production and a working CSS-only toggle via :checked (no JS), links to practice tools like CSS Diner Flexbox Froggy and CSS Grid Garden, and surfaces newer tech with live examples—Houdini demos exist but support is limited so it’s practical now with caveats.
AI-written summary · about
chapters (13)
- 0:00Start
- 8:27inline styles
- 10:22Bad habits
- 11:15Improvements
- 11:40Let's break it down
- 12:56BEM alternatives
- 17:10SCSS file structure
- 17:57Main SCSS file
- 19:07Better naming!
- 20:21Powerful mixins
- 25:20pseudo classes
- 31:43CSS Grid
- 32:33Grid vs. Flex
