Media Pseudo-Classes: CSS for Media States

Scott and Wes unpack Interop 2026 and the browser features finally aligning across engines, from container style queries and anchor positioning to scroll-driven animations and view transitions. They break down what it all means for day-to-day devs and how close we really are to a fully interoperable web.

Show Notes

• 00:00 Welcome to Syntax!
• 00:21 What is Interop?
  • Interop GitHub.
• 02:44 Container Style Queries.
• 09:32 Brought to you by Sentry.io.
• 09:57 Anchor Positioning.
• 12:01 CSS attr().
• 15:40 CSS Contrast-color.
• 19:10 CSS Zoom.
• 21:36 CSS Custom Highlight API.
• 24:02 Dialogs and Popovers.
• 25:44 Fetch Uploads and Ranges.
• 27:48 IndexedDB.
• 28:25 JSPI for Wasm.
• 29:05 Media Pseudo-Classes.
• 30:00 Navigation API.
• 31:53 Scoped Custom Element Registries.
• 32:40 Scroll-Driven Animations.
• 33:30 Scroll Snap.
• 36:50 CSS Shape().
• 38:25 View Transitions.
• 41:32 Web Compat.
• 42:29 WebRTC Improvements.
• 43:44 WebTransport.
• 45:44 Investigation Efforts.
  • 46:25 JPEG XL
  • 48:46 Mobile Testing.
  • 49:20 WebVTT.

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads