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

Syntax - Tasty Web Development Treats

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

981: Browsers Are Finally Catching Up (Interop 2026)

FEB 23, 202651 MIN
Syntax - Tasty Web Development Treats

981: Browsers Are Finally Catching Up (Interop 2026)

FEB 23, 202651 MIN

Description

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