Pre-keynote - New Adventures in Responsive Web Design
summary
Covers a strategy for building fast, resilient responsive design systems using modern browser features such as HTTP/2, Service Workers, Responsive Images, Flexbox, SVG and the Font Loading API. Explains how to combine those technologies efficiently and within time constraints, and addresses handling legacy browsers plus practical techniques to keep responsive sites flexible and accessible over time.
AI-written summary · about
chapters (23)
- 0:00Intro
- 3:34Welcome
- 5:48Game of Adventure
- 7:10Choosing a level
- 8:20Changing the web
- 8:36The design process
- 11:57Delight customers
- 15:24The Creative Process
- 16:58Bloomberg
- 19:07Hans Brinker Hotel
- 27:00Where do you start
- 31:58Flexibility
- 37:10Consistency
- 39:05Linear Growth
- 40:33Linear Growth Example
- 42:48Slope
- 44:47Font Size Formula
- 46:56Audio Lines
- 49:24Image in Container
- 50:46Making Form
- 52:42Grid
- 57:46Progressive JPEGs
- 58:22Scan Levels
related talks
53mNew Adventures in Responsive Web Design
35mThe New Rules of The Resposnive Web
01h 15mWorkshop (Part 1). New Adventures in Frontend, 2021 Edition
01h 09mWorkshop (Part 2). New Adventures in Frontend, 2021 Edition
01h 02mKeynote. New Adventures in Front-End, Season 2
39mCutting-Edge Responsive Web Design
47mConditionally Responsive
45mHow Responsive Are You in CSS? 2026 Edition