Getting serious about Responsive Web Design
summary
Responsive work starts from actual choices not slogans: build sites from the ground up, use CSS3 and icon fonts or SVG instead of image piles, and set mobile‑first breakpoints based on design not device names. Prototype in the browser, use Sass/Less, sprites, imageoptim/smash.it and remote preview or open device lab testing. Optimize for bandwidth — a YouTube-style case shows 1.2 MB → 98 KB and revealed multi‑minute loads in some regions, so measure real users and iterate.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:35Responsive web design today
- 6:07Responsive design from ground up
- 9:15CSS3 and icon fonts
- 10:37Style tiles and workflow
- 11:39Mobile first breakpoints
- 13:04Content networks over layouts
- 20:26Making sites responsive
- 21:31No dumbing down content
- 23:58Performance core to responsive
- 25:45Testing on real devices
- 26:48Launch early iterate
- 28:12Tools and resources
- 28:54Responsive in web apps
- 37:33Handling IE6
- 42:35Q&A
related talks
35mThe New Rules of The Resposnive Web
58mNew Adventures in Responsive Web Design
33mResponsive Design in 2020
40mThings To Keep In Mind When Working In The World Of Responsive Design
43mResponsive Design, Past, Present and Future
29mDesigning in the Browser
45mResponsible Responsive Images
01h 03mNew Adventures in Responsive Web Design