Web Design Engineering With the New CSS
summary
Concrete takeaways: browser features replace vague promises — fluid typography with clamp and modular scales actually scale across viewports; container queries (container-type inline-size, cqi units) let components adapt without breakpoints; OKLCH plus the relative color syntax produces perceptually uniform palettes and gradients; grid, subgrid, repeat(auto-fill) and minmax enable layouts that design tools can't; demos include proofs of concept (trigonometric easing via atan2/tan and registerProperty hacks) and warnings about accessibility (respect 200% text scaling).
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:33Modern CSS evolution
- 3:39CSS as design tool
- 10:16Building with CSS
- 13:29Fluid typography
- 24:08Color with OKLCH/P3
- 34:22CSS Grid and subgrid
- 37:55Container queries
- 43:10Modern CSS workflows
- 47:06Future of web design
- 49:01Q&A
