Dynamic CSS: Layouts & Beyond
summary
A live rebuild of Susy in pure CSS demonstrates that CSS Variables + calc can replace Sass math and generate grid backgrounds; CSS Grid powers two‑dimensional, min/max/autofit layouts; data‑driven examples include a schedule app laid out and working and bar charts that animate via transitions; known limits surface—variables not usable in url and no random function yet—while Houdini and typed custom properties are promised as fixes.
AI-written summary · about
chapters (10)
- 0:00Start
- 2:011996 2000: Cascading Style Sheets
- 3:302000: A Dao of Web Design
- 4:382007-2010: Major Grid Frameworks
- 10:03Code is Communication
- 15:40Sass Variables Scope
- 25:57Optional Element Control
- 28:052018: Intrinsic Web Design
- 28:47Nested Contexts
- 29:34Data-Driven Layouts
