In this episode, Una and Adam discuss a future web capability that builds on container queries: state queries. From CSS, this feature will be able to detect  if a container is overflowing, when an element is scroll snapped, and when an element is stuck from position: sticky. Resources: :stuck, :snapped, :on-screen, etc → <a href= "https://goo.gle/3WVhSi6">https://goo.gle/3WVhSi6</a>   state queries syntax → <a href= "https://goo.gle/3T2gI33">https://goo.gle/3T2gI33</a>  explainer → <a href= "https://goo.gle/3XevW7x">https://goo.gle/3XevW7x</a>  Intent To Prototype → <a href= "https://goo.gle/3Au8rOY">https://goo.gle/3Au8rOY</a>  Scroll Snap Events → <a href= "https://goo.gle/47koXO1">https://goo.gle/47koXO1</a>     Una Kravets (co-host) <a href="https://twitter.com/Una">Twitter</a> → <a href= "https://goo.gle/452aBRb">https://goo.gle/452aBRb</a> <a href= "https://www.youtube.com/channel/UCJnidRIv3o1hf_YBWjKFljg">YouTube</a> → <a href= "https://goo.gle/457oMnS">https://goo.gle/457oMnS</a>  Making the web more colorful ✨🎨  Web DevRel <a href="https://twitter.com/googlechrome">@googlechrome</a> Unicorn face Host of Tools Today → <a href= "https://goo.gle/4aI6JpC">https://goo.gle/4aI6JpC</a> & <a href="https://www.youtube.com/redirect?q=https%3A%2F%2Fgoo.gle%2F2NeLxjI&redir_token=AscWoOrD6kypj4tT8So-xP1HNPN8MTU4MjgzODAwM0AxNTgyNzUxNjAz&event=video_description&v=Irp6R69pZGA"> Designing in the Browser</a> 🎬  → <a href= "https://goo.gle/4e4YTcM">https://goo.gle/4e4YTcM</a>  Adam Argyle (co-host) <a href="https://twitter.com/argyleink">Twitter</a> → <a href= "https://goo.gle/3yFnHYu">https://goo.gle/3yFnHYu</a> <a href="https://www.instagram.com/argyleink/">Instagram</a> → <a href="https://goo.gle/3wUb6QJ">https://goo.gle/3wUb6QJ</a> <a href="https://a.nerdy.dev/youtube">YouTube</a> → <a href= "https://goo.gle/4dZNKK7">https://goo.gle/4dZNKK7</a>  <a href= "https://twitter.com/GoogleChrome">@GoogleChrome</a> CSS DevRel; <a href="https://twitter.com/CSSWG">@CSSWG</a>; <a href= "https://a.nerdy.dev/gimme-visbug">VisBug</a> maker; punk; CSS/JS/UX addict; 💀🤘 CSSWG → <a href= "https://goo.gle/4bFErxq">https://goo.gle/4bFErxq</a> VisBug → <a href= "https://goo.gle/4bDcVQZ">https://goo.gle/4bDcVQZ</a>       The CSS Podcast #CSSpodcast   Watch more The CSS Podcast → <a href= "https://goo.gle/CSSpodcast">https://goo.gle/</a><a href="https://goo.gle/CSSpodcast">CSSpodcast</a>  Subscribe to Chrome for Developers → <a href= "https://goo.gle/ChromeDevs">https://goo.gle/ChromeDevs</a>  #CSSPodcast #ChromeForDevelopers #Chrome   Speaker: Una Kravets, Adam Argyle

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

088: State queries

The CSS Podcast

AI Chapters

AI Insights

Reviews