Responsive Design, Past, Present and Future
summary
Claims that a text-first baseline with progressive enhancement delivers the widest compatibility, proven by loading stripped HTML on a 1998 iMac, Opera Mini on a Nintendo DSi (media queries work but bold/italics do not), and an 84" smart TV trade-show build that uses only four media queries and functions. Tools and evidence: HTTP Archive stats (CSS grows ~33%/yr, average CSS ≈80KB, average page ≈2.4MB), modularscale.com math for modular scale typography, a Firefox face‑detection demo exploring distance media queries.
AI-written summary · about
chapters (11)
- 0:00Start
- 16:17design with text only
- 17:42An unstyled HTML page is ubiquitous and device agnostic.
- 18:43Design consistency is not about pixels.
- 21:03Creates Typographic rhythm
- 22:07Why Modular Scales? increases readability increases legibility balances white-space balances typographic texture type contrast
- 22:33Modular Scales 2:3 perfect fifth 3:4 (perfect fourth) 1:1.618 (golden section) 4:5 (major third) 3:5 (major sixth) 9:16 (minor seventh)
- 26:10Modular Line Height - As the screen gets smaller, increase line height - 1/.75 = 1.3
- 31:35Content Appears and Operates in Predictable Ways
- 32:22Logical Layouts and Patterns Semantic Headings and Structures
- 33:28progressive web apps
