The web is ready for great graphic design
summary
Argues the web can finally deliver concrete modernist graphic design: equal-height cards via flexbox and CSS Grid, intentional whitespace with grid lines and 50ch column and minmax(), proportional layouts with fractions and viewport units (vw vh), overlapping elements via grid cell stacking, and accessible text instead of images. Notes pragmatic fallbacks using @supports and floats, performance limits of JS polyfills, ongoing subgrid/Houdini work, and practical tradeoffs when aiming for consistent rendering across many browsers.
AI-written summary · about
chapters (9)
- 0:00Start
- 16:07Stretch as a default
- 21:13Ratios in a whim: flexbox
- 21:33Ratios in a whim: grid
- 22:31Ratios in whitespace distribution DRAFT
- 23:52A grid with viewport units
- 25:07Photos in grids
- 34:07A fifty characters column
- 34:37A column with 45-70 characters
