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.
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<a href="#t=00:00">00:00</a> Welcome to Syntax!</li>
<li class="has-line-data">
<a href="#t=00:21">00:21</a> What is <a href="https://wpt.fyi/interop-2026">Interop</a>?
<ul>
<li class="has-line-data">
<a href="https://github.com/web-platform-tests/interop/tree/main/2026">Interop GitHub</a>.</li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=02:44">02:44</a> Container Style Queries.</li>
<li class="has-line-data">
<a href="#t=09:32">09:32</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li>
<li class="has-line-data">
<a href="#t=09:57">09:57</a> Anchor Positioning.</li>
<li class="has-line-data">
<a href="#t=12:01">12:01</a> CSS attr().</li>
<li class="has-line-data">
<a href="#t=15:40">15:40</a> CSS Contrast-color.</li>
<li class="has-line-data">
<a href="#t=19:10">19:10</a> CSS Zoom.</li>
<li class="has-line-data">
<a href="#t=21:36">21:36</a> CSS Custom Highlight API.</li>
<li class="has-line-data">
<a href="#t=24:02">24:02</a> Dialogs and Popovers.</li>
<li class="has-line-data">
<a href="#t=25:44">25:44</a> Fetch Uploads and Ranges.</li>
<li class="has-line-data">
<a href="#t=27:48">27:48</a> IndexedDB.</li>
<li class="has-line-data">
<a href="#t=28:25">28:25</a> JSPI for Wasm.</li>
<li class="has-line-data">
<a href="#t=29:05">29:05</a> Media Pseudo-Classes.</li>
<li class="has-line-data">
<a href="#t=30:00">30:00</a> Navigation API.</li>
<li class="has-line-data">
<a href="#t=31:53">31:53</a> Scoped Custom Element Registries.</li>
<li class="has-line-data">
<a href="#t=32:40">32:40</a> Scroll-Driven Animations.</li>
<li class="has-line-data">
<a href="#t=33:30">33:30</a> Scroll Snap.</li>
<li class="has-line-data">
<a href="#t=36:50">36:50</a> CSS Shape().</li>
<li class="has-line-data">
<a href="#t=38:25">38:25</a> View Transitions.</li>
<li class="has-line-data">
<a href="#t=41:32">41:32</a> Web Compat.</li>
<li class="has-line-data">
<a href="#t=42:29">42:29</a> WebRTC Improvements.</li>
<li class="has-line-data">
<a href="#t=43:44">43:44</a> WebTransport.</li>
<li class="has-line-data">
<a href="#t=45:44">45:44</a> Investigation Efforts.
<ul>
<li class="has-line-data">
<a href="#t=46:25">46:25</a> JPEG XL</li>
<li class="has-line-data">
<a href="#t=48:46">48:46</a> Mobile Testing.</li>
<li class="has-line-data">
<a href="#t=49:20">49:20</a> WebVTT.</li>
</ul>
</li>
</ul>
<h3 class="code-line">
<a></a>Hit us up on Socials!</h3>
Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href="https://www.instagram.com/syntax_fm/">Instagram</a> <a href="https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href="https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a>
Wes: <a href="https://twitter.com/wesbos">X</a> <a href="https://www.instagram.com/wesbos/">Instagram</a> <a href="https://www.tiktok.com/@wesbos">Tiktok</a> <a href="https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href="https://www.threads.net/@wesbos">Threads</a>
Scott: <a href="https://twitter.com/stolinski">X</a> <a href="https://www.instagram.com/stolinski/">Instagram</a> <a href="https://www.tiktok.com/@stolinski">Tiktok</a> <a href="https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href="https://www.threads.net/@stolinski">Threads</a>
Randy: <a href="https://twitter.com/randyrektor">X</a> <a href="https://www.instagram.com/randyrektor/">Instagram</a> <a href="https://www.youtube.com/@randyrektor">YouTube</a> <a href="https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

981: Browsers Are Finally Catching Up (Interop 2026)

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews