Conditionally Responsive
summary
The talk examines techniques for delivering appropriately tailored web experiences using modern web technologies. It compares approaches like maintaining separate mobile/desktop sites, sending all capabilities in CSS (including multiple images), and making device assumptions (touch means no mouse/keyboard or unlimited 5G), and discusses how to do better—presumably using feature- or condition-based adaptation rather than fragile device heuristics.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:50Conditionally responsive layout
- 3:20Modern CSS problems
- 7:39Responsive CSS bloat
- 11:52Browser style loading
- 16:29Render-blocking issue
- 20:04Style isolation idea
- 26:07CSS file separation
- 30:04Browser file loading
- 35:06User preferences CSS
- 37:19Future tools
- 40:34Q&A
related talks
33mResponsive Design in 2020
35mThe New Rules of The Resposnive Web
43mResponsive Design, Past, Present and Future
53mNew Adventures in Responsive Web Design
45mMuddling Through the Mobile Web
56mClosing Panel: "HTML5 and Devices"
01h 01mThe Evolution of Responsive Web Design: What's Next?
45mHow we adapted 150 sites with dynamically-served JavaScript