Don't Use My Grid System (or any others)
summary
Claims that grid frameworks are unnecessary and often harmful, backed by a concrete toolkit: a homegrown Susy grid generator written in Sass that ends up unused but maintained as a fallback, demos showing Flexbox’s one‑dimensional strengths and its performance cost on whole‑page layouts, and browsers shipping real two‑dimensional layout with CSS Grid (landed in March) that replaces hacks. The talk contrasts 12-column grids and legacy float math with calc custom properties viewport units and @supports fallbacks and shows real production layouts built and working.
AI-written summary · about
chapters (22)
- 0:00Intro
- 1:49Abstract Design Patterns In Code
- 2:44Ugh, Tables
- 3:48Code is Communication
- 5:46Dynamic Relationships
- 6:14Client Control Over Final Results
- 7:38Layout Concepts
- 9:33Avoid Tightly Coupled Elements
- 11:33Layout Techniques
- 12:52CSS Floats
- 18:55Display: Table?
- 25:34Grid Systems, A Historic Detour
- 30:51Consistent Systems Custom Grids
- 31:25Grid built with percentages
- 32:49Responsive Web Design
- 33:48DIY Grids
- 35:22Implicit Relationships Explicit Grids
- 35:49Paradigm Shift
- 37:44Viewport Units
- 39:08CSS Grid
- 39:26Actual, Real, Layout In The Browser
- 44:10Remove External Gutter Math
