About this episode
Una and Bramus explore state-based container queries in CSS and their impact on web development.
Una and Bramus dive into the latest advancements in CSS with state-based container queries. Learn how to create responsive and dynamic user experiences by querying the scroll state of UI elements, including 'stuck,' 'snapped,' and 'scrollable' states. Discover practical examples and techniques to replace complex JavaScript with declarative CSS, making your web development more efficient and powerful. Resources: Scroll state queries → https://goo.gle/4mQDQ0M Scroll-state-container → https://goo.gle/487y4nI Anchor queries → https://goo.gle/3IBDVaw Episode 59 → https://goo.gle/3KB7M3z Una Kravets (co-host) Bluesky | Twitter | YouTube | Website Making the web more colorful @googlechrome Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website @GoogleChrome CSS DevRel; @CSSWG ; Scuba Diver 🤿
People in this episode
Hosts: Una Kravets, Bramus Van Damme
Topics covered
- CSS advancements
- state-based container queries
- responsive design
- dynamic user experiences
- scroll state
- declarative CSS
- web development
Keywords
- state queries
- CSS
- responsive design
- JavaScript
- scroll state
- container queries
- web development
Mentioned in this episode
Organizations: Google Chrome, CSSWG, Bluesky, YouTube, Mastodon
More episodes of The CSS Podcast
- 100: Season 6 wrap up · November 20, 2025 · 17 min
- 99: More CSS functions · November 18, 2025 · 37 min
- 98: Customizable select · November 13, 2025 · 14 min
- 97: Invokers and commands · November 11, 2025 · 13 min
- 96: CSS anchor positioning · November 7, 2025 · 13 min
- 95: Updates to View Transitions · November 5, 2025 · 18 min
Explore listener stats, chart rankings, contacts and more on the The CSS Podcast podcast page.