996: 10 New CSS and HTML APIs

Syntax - Tasty Web Development Treats

Apr 15, 2026•31 min

--:--

Listen in podcast apps:

Apple Podcasts

Spotify

Download

Listen to this episode in Metacast mobile app

Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episode description

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

For the best experience, listen in Metacast app for iOS or Android