Keynote
summary
Argues for moving from page-first to tiny reusable patterns, building a baseline HTML/CSS that honors content priority and then conditionally enhancing it with feature-detection and advanced layout — e.g. run a JS test that adds a supports-flex class, use flex-direction: column-reverse to flip headline/byline order, and absolutely position a comment count only when supported. Notes surprising scale — "eight billion mobile devices" — and prescribes a three-step style‑guide workflow: visual inventory, naming/organization, then an HTML-driven living style guide.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 0:40Data Visualization
- 1:40Exploration
- 2:45Responsive Design
- 4:40Teaser Design
- 10:45Flexbox
- 13:35Device Agnostic
- 15:35No JavaScript
- 16:40The 3 Most Unhelpful Terms
- 20:35Pattern Library
- 20:55Open Source Software
- 21:05Pattern Libraries
- 22:55Visual Inventory
- 23:10Identifying Patterns
- 23:45Creating Style Guides
- 25:00Naming Organization
- 25:40The Hokulea
- 28:55Atomic Design
- 30:55Style Guides
- 32:35Design Principles
