The 2010 Article That Coined 'Responsive Web Design'

Published on A List Apart in 2010, this article marked a turning point in web design history: it introduced the term 'responsive web design' and laid out the approach that still underpins the field today. The author contrasts architecture's permanence with the web's inherent transience, arguing that building separate bespoke sites for every new device, browser, and input method is a losing game.

Drawing inspiration from 'responsive architecture'—physical spaces that adapt to the people moving through them—the piece demonstrates where fixed and even fluid-grid layouts break down: cropped imagery at narrow viewports, oversized images on widescreen displays. It positions CSS3 media queries as the technical answer, showing how properties like max-device-width let a page load different stylesheets based on a device's actual physical characteristics, and how the and keyword allows multiple conditions to be chained in a single query.

The mobile-first thinking, flexible grids, and breakpoint-driven media queries that are now industry standard all trace back to this piece, making it the foundational reference for how the web design community learned to design for many devices at once.