Data-Driven CSS with Grid & Custom Properties
summary
Shows concrete techniques: rebuilt Susy entirely in CSS using custom properties, calc and gradients; passes numeric data from HTML into CSS and maps minutes to grid columns to make a schedule, hitting a practical 16-hour column limit so two‑minute columns are a workaround; demonstrates bar charts, theming by HSL component variables, and background generation. Notes limits: variables hold one value per element, no string concatenation, animation needs typed properties — Houdini aims to register property types and fix some gaps.
AI-written summary · about
chapters (10)
- 0:00Start
- 2:25Let's Talk About CSS
- 3:041996 2000: Cascading Style Sheets
- 4:082000: A Dao of Web Design
- 5:012007-2010: Major Grid Frameworks
- 9:42Code is Communication
- 14:37Sass Variables Scope
- 16:45Safe Inline Styles
- 28:31Optional Element Control
- 33:08Nested Contexts
