The Map & The Territory

on YouTube ↗47m

" summary

Argues that responsive design is practical: uses fluid grids, media queries and selectors like nth-child to build adaptable layouts; practices progressive enhancement and a performance budget with tools like webpagetest and a simple “cutting the mustard” feature test. Points to case results — Boston Globe digital subscriptions ~+50%, ONeill iPhone transactions >2× and Android >4× — and warns of bloat (average page 320 KB in 2009 to 2.1 MB now; some pages 6–33 MB). Shows editorially and BBC implementations and what worked.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 36:04PROMOTE THE HEALTH OF THE WEB
3. 36:21SUSTAINABILITY WEB DESIGN
4. 38:34PROGRESSIVE ENHANCEMENT

" related talks

• 35mThe New Rules of The Resposnive WebMatthew Carver · HTML5.tx Texas 2013
• 59mNew Adventures In Responsive Web DesignVitaly Friedman · Cold Front 2018
• 51mScale and adapt: A story of how we built Responsive BBC NewsJohn Cleveley · Mobilism 2013
• 40m“Performance by Design”Henri Helvetica · Clarity 2017
• 58mNew Adventures in Responsive Web DesignVitaly Friedman · Beyond Tellerrand Munich 2018
• 39mCutting-Edge Responsive Web DesignVitaly Friedman · You Gotta Love Frontend 2016
• 35mMarty McFly Has A Lot To Answer ForCraig Burgess · Front End North 2018
• 01h 10mSmart responsive interface design patternsVitaly Friedman · Frontend United 2019