Web design history is usually told as a parade of frameworks. I prefer the small moments: a default stylesheet, a discarded plugin, a blog post that changed how a million pages look. Here are twelve, roughly in order, each one a hinge the whole medium swung on.
The layout years
1. Tables for layout (1996). A misuse so universal it became a method. Ugly, brilliant, and the reason a generation learned to think in grids. 2. CSS Zen Garden (2003). One HTML file, hundreds of designs — proof that presentation could finally leave structure alone. 3. The 960 grid (2008). Twelve columns that taught print designers the web could hold a straight line. 4. Responsive retrofit (2010). One article, three words — "One Web" — and suddenly every fixed width looked like a relic.
5. Flat's revenge (2013). Gloss and bevels swept away overnight; restraint became the house style for a decade. 6. Flexbox lands (2015). Vertical centring, the industry's longest-running joke, finally became one line of code. Studios wept with relief.
The craft years
7. System font stacks (2016). Designers rediscovered the type already on every device — fast, familiar, free. 8. CSS Grid (2017). True two-dimensional layout, and the quiet end of twelve-column thinking. 9. Variable fonts (2018). A whole family in one file; typography got lighter and braver at once. 10. Dark mode everywhere (2019). Designing two honest themes instead of one inverted afterthought.
11. The performance reckoning (2020). Core metrics made speed a ranking factor, and bloat finally had a cost centre. 12. The indie return (2021). Newsletters, digital gardens, small sites with strong voices — the web remembering it belongs to readers, not platforms.
Twelve moments, one lesson: the medium is still young, and its best ideas usually arrive looking small. Keep an eye on the quiet releases. The next hinge is probably shipping right now, in a changelog nobody read.
