A Truly Responsive Interface
summary
The talk explains moving beyond viewport-and-breakpoint responsive design toward component-aware responsiveness that reacts to a component’s context and surroundings. It shows how to use modern CSS features to design and implement interfaces that remain adaptive and robust to layout and context changes.
AI-written summary · about
chapters (14)
- 0:00Welcome
- 1:27Adaptive interfaces evolution
- 3:12Context over breakpoints
- 6:20Container size adaptation
- 8:44Practical container queries
- 13:17Container units
- 14:40Fluid typography
- 17:08Content adaptation with style queries
- 20:20Parent styling with :has
- 22:26CSS logical properties
- 24:54Adaptive tooltips with anchor positioning
- 28:25User preference adaptation
- 29:51Summary
- 30:56Q&A
related talks
17mThe New Responsive: Web Design in a Component-Driven World
15mResponsive Design vs. Adaptive Design
45mHow Responsive Are You in CSS? 2026 Edition
33mResponsive Design in 2020
01h 01mThe Evolution of Responsive Web Design: What's Next?
28mResponsive Components: Present & Future
29mBuilding responsive CSS components
26mResponsive Components: Present & Future