Podlipodcast player Webplayer

Syntax - Tasty Web Development Treats

Syntax - Tasty Web Development Treats

996: 10 New CSS and HTML APIs

Syntax - Tasty Web Development Treats · Apr 15, 2026 · 31:20

0:0031:20

Listen in the Podli app 🎧

Follow your favourite podcasts, listen offline and in the car with CarPlay and Android Auto, and always pick up where you left off. Free to try.

Wes and Scott talk about the latest CSS and browser features, including the Grid Lines API for masonry layouts, HTML in Canvas, name-only container queries, CSS random, search-text styling, and more.


Show Notes



00:00 Welcome to Syntax!


00:57 Grid Lines API for masonry-style layouts

Introducing CSS Grid Lanes

CSS Grid Lanes browser support





03:25 HTML in canvas and next-gen UI effects

@jaffathecake

@mattrothenberg





11:30 Name-only container queries for scoped styles

Name-Only Containers: The Scoping We Needed





14:37 Brought to you by Sentry.io



15:34 Safari removes haptic feedback workaround


17:38 CSS random for dynamic values

Rolling the Dice with CSS random()





18:49 Styling find-in-page with ::search-text



21:44 Sticky positioning now works in both axes

@una





22:43 Multi-column CSS finally gets usable fixes

Looking at New CSS Multi-Column Layout Wrapping Features





24:41 Border shape improvements and new design options

@una

MadCSS.com





27:09 Why MDN demos need to be better


28:24 Element-scoped view transitions for cleaner animations

@bram.us






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

Episodes: Syntax - Tasty Web Development Treats

PodliGet the free Podli app
↓ App