Technology
In this episode of the No Script Show, David Waumsley and Nathan Wrigley get into the subject of container queries. These mark a serious advancement in what browsers will allow us to do, but we are asking what does that mean for us right now?
In this episode, we cover:
CSS container queries: How they mark a significant advancement in responsive design.
Evolution from media queries: Understanding the shift towards container queries for more granular control.
Application in component-based design systems: Discussing the relevance for those building complex design systems.
Potential for page builders and CSS frameworks: Exploring the impact on visual design tools and frameworks.
Considerations for responsive images: The holdup in adoption due to the reliance on media queries.
00:00 Miriam Suzanne, an expert on CSS.
03:21 Moving towards more flexibility with container queries.
08:21 Describing old use of media queries in web design.
13:10 Adapt design to fit different screen sizes.
14:55 Barker explains flexible content placement for websites.
17:39 SVGs allow flexible design for logos.
20:10 Consider for design systems and page builders.
23:19 Suzanne created Susie framework, now prefers modern CSS.
26:28 New browser technology, explore it now. Links provided.