Scott and Wes break down the biggest web platform features that reached Baseline in 2025, separating the genuinely useful APIs from the niche and forgettable ones. From same-document view transitions and the Popover API to Promise.try, content-visibility, and modern CSS goodies, they share what’s actually ready to use today.
<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=01:37">01:37</a> <a href="https://web.dev/baseline/2025">24 new web APIs that reached baseline in 2025</a>.</li>
<li class="has-line-data">
<a href="#t=01:49">01:49</a> <a href="https://web.dev/blog/same-document-view-transitions-are-now-baseline-newly-available">Same-document view transitions</a> for single-page applications.</li>
<li class="has-line-data">
<a href="#t=05:28">05:28</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/abs">abs()</a>
</li>
<li class="has-line-data">
<a href="#t=08:22">08:22</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li>
<li class="has-line-data">
<a href="#t=09:20">09:20</a> <a href="https://web.dev/blog/json-imports-baseline-newly-available">JSON Module Scripts</a>.</li>
<li class="has-line-data">
<a href="#t=10:10">10:10</a> <a href="https://web.dev/blog/popover-baseline">Popover API</a>.</li>
<li class="has-line-data">
<a href="#t=13:07">13:07</a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array/fromBase64">Base64 to UInt8Array</a>.
<ul>
<li class="has-line-data"><a href="https://blobfolio.com/2019/better-binary-batter-mixing-base64-and-uint8array/">Better Binary Batter Mixing</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=16:11">16:11</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@starting-style">@starting-style</a>
<ul>
<li class="has-line-data"><a href="https://tolin.ski/cool-treats/accordion#a-css-only-accordion-with-ltdetailsgt">Scott’s A CSS Only Accordion with &lt;details&gt;</a></li>
<li class="has-line-data"><a href="https://tolin.ski/cool-treats/mobile-nav">Scott’s Mobile Nav</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=17:39">17:39</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/transition-behavior">allow-discrete</a>
</li>
<li class="has-line-data">
<a href="#t=21:31">21:31</a> <a href="https://web.dev/blog/promise-try-baseline">Promise.try</a>
</li>
<li class="has-line-data">
<a href="#t=22:51">22:51</a> <a href="https://web.dev/articles/content-visibility">content-visibility</a>
</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>

<description>Scott and Wes break down the biggest web platform features that reached Baseline in 2025, separating the genuinely useful APIs from the niche and forgettable ones. From same-document view transitions and the Popover API to Promise.try, content-visibility, and modern CSS goodies, they share what’s actually ready to use today.


Show Notes



00:00 Welcome to Syntax!


01:37 24 new web APIs that reached baseline in 2025.


01:49 Same-document view transitions for single-page applications.


05:28 abs()



08:22 Brought to you by Sentry.io.


09:20 JSON Module Scripts.


10:10 Popover API.


13:07 Base64 to UInt8Array.

Better Binary Batter Mixing





16:11 @starting-style

Scott’s A CSS Only Accordion with &lt;details&gt;

Scott’s Mobile Nav





17:39 allow-discrete



21:31 Promise.try



22:51 content-visibility




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</description>

Scott and Wes break down the biggest web platform features that reached Baseline in 2025, separating the genuinely useful APIs from the niche and forgettable ones. From same-document view transitions and the Popover API to Promise.try, content-visibility, and modern CSS goodies, they share what’s actually ready to use today.


Show Notes



00:00 Welcome to Syntax!


01:37 24 new web APIs that reached baseline in 2025.


01:49 Same-document view transitions for single-page applications.


05:28 abs()



08:22 Brought to you by Sentry.io.


09:20 JSON Module Scripts.


10:10 Popover API.


13:07 Base64 to UInt8Array.

Better Binary Batter Mixing





16:11 @starting-style

Scott’s A CSS Only Accordion with <details>

Scott’s Mobile Nav





17:39 allow-discrete



21:31 Promise.try



22:51 content-visibility




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

965: Baseline 2025 Features web gained in 2025

965: Baseline 2025 Features web gained in 2025

Description