The Garden and The Treadmill
summary
Argues that designers can now sketch and iterate directly in CSS, showing concrete techniques: use grid template areas to "draw" layouts, combine has() and custom properties for conditional layout, and recreate CSS Zen Garden effects (a shimmer jump‑scare prototype) with a few lines. Notes surprising adoption stats like 12% adoption of grid, describes a real rollout at a bank using design tokens and review process to let creativity in production and make it work.
AI-written summary · about
chapters (26)
- 0:00Welcome
- 2:16Opening thoughts
- 3:20Web design evolution 1991-2000s
- 8:23CSS Zen Garden constraints
- 14:22Constraints in creativity
- 16:28Eames chair design process
- 17:53Blender constraints innovation
- 18:14CSS historical workarounds
- 20:24Constraints drive creativity
- 21:10Web design trends treadmill
- 22:54Why websites look same
- 24:01Design vs business success
- 25:05Importance of aesthetics
- 26:08Kevin Powell CSS analysis
- 28:14Right questions in CSS
- 31:07Typography and layout tools
- 32:54Grid layout syntax workflows
- 35:04Sketching in CSS
- 36:49CSS vs Figma
- 37:13CSS brainstorming examples
- 39:50CSS as design conversation
- 40:35Escape design treadmill
- 43:01Q&A constraints freedom
- 46:35Questioning vs efficiency
- 48:01Creative freedom in orgs
- 51:07Q&A CSS past future
