<p>Hey, here’s a thing that’s fun to say:</p> <p>Happy fifteenth birthday, responsive web design!</p> <p>Well, fun <em>and</em> weird. You know how it goes.</p> <p>But yes, it’s true: <a href="https://alistapart.com/article/responsive-web-design/">the original “Responsive Web Design” article</a> was published fifteen years ago. <em>Fifteen whole entire years.</em> As the kids say: dang. <sup class="footnote-ref"><a class="footnote" href="#fn-dang" id="fnref-fn-dang" aria-labelledby="title-footnotes">1</a></sup></p> <p>I did <a href="https://ethanmarcotte.com/wrote/responsive-design-at-10/">a little retrospective when the article turned ten</a>, so I don’t think I need to do another one. I’ll just say again that I coined the phrase “responsive design” well over a month before the article was published, at <a href="https://web.archive.org/web/20231019021349/https://archive.aneventapart.com/2010/seattle/">a conference in early April of that year</a>. Thankfully <a href="https://aworkinglibrary.com/">Mandy Brown</a>, then an editor at <a href="https://alistapart.com/"><cite>A List Apart</cite></a>, heard the talk, and told me it really needed to be an article. Everything sort of followed on from that.</p> <p>And frankly, I am still surprised by what exactly followed on from that. Ever since the article came out, I tell folks that all I did was meet a publishing deadline; responsive design only became a thing because of the people who got excited about the concept, experimented with it, wrote about it, and moved the idea forward. People like you.</p> <p>Fifteen years on, it feels like responsive design’s become something truly mundane<span class="w"> —</span> something that’s just <em>kind of expected</em>. Is there still work to do? <a href="https://ethanmarcotte.com/wrote/locus/">Sure.</a> <a href="https://infrequently.org/2024/01/performance-inequality-gap-2024/">Absolutely</a>. <a href="https://webaim.org/projects/million/">Urgently, even</a>. But the idea of designing sites that work across mobile, desktop, and whatever else is just kind of seen as the thing you’re supposed to do. And to be clear, that’s not a vindication of any ideas I might have had fifteen years ago. Rather, it’s a testament to just how compelling the Web’s own flexibility is. We’ve stopped designing <em>against</em> a truly fluid design medium, and now we see it as an asset<span class="w"> —</span> something we can design both with and for. And I don’t know about you, but I think that’s pretty neat.</p> <hr /> <div class="footnotes flow"> <h2 class="hed-footnotes has-dash" id="title-footnotes">Footnote</h2> <ol><li id="fn-dang" class="footnote-item"><p>If you can’t tell, I don’t talk to many kids. <a href="#fnref-fn-dang" class="reversefootnote">↩︎</a></p> </li> </ol> </div>
<hr /> <p>This has been “<a href="https://ethanmarcotte.com/wrote/responsive-design-at-15/">Responsive web design turns fifteen.</a>” a post from <a href="https://ethanmarcotte.com/wrote/">Ethan’s journal.</a></p> <p><a href="mailto:listener+rss@ethanmarcotte.com?subject=Reply%20to:%20“Responsive web design turns fifteen.”">Reply via email</a></p>