Episode
996: 10 New CSS and HTML APIs
- Published
- Apr 15, 2026
- Duration seconds
- 1880
- Processing state
processed- Canonical source
- https://syntax.fm/996
Actions
POST https://stenobird.com/v1/public/podcasts/syntax-tasty-web-development-treats/episodes/996-10-new-css-and-html-apis/transcription-requests
Idempotently request low-priority transcript generation for this episode.GET https://stenobird.com/podcast/syntax-tasty-web-development-treats/996-10-new-css-and-html-apis.md
Read the agent-friendly Markdown representation of this episode resource.
Summary
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