# 996: 10 New CSS and HTML APIs

Page: https://stenobird.com/podcast/syntax-tasty-web-development-treats/996-10-new-css-and-html-apis
Text version: https://stenobird.com/podcast/syntax-tasty-web-development-treats/996-10-new-css-and-html-apis.md
Podcast: [Syntax - Tasty Web Development Treats](https://stenobird.com/podcast/syntax-tasty-web-development-treats)
Published: 2026-04-15T11:00:00+00:00
Episode link: https://syntax.fm/996
Audio file: https://traffic.megaphone.fm/FSI1494189385.mp3
Processing state: processed
JSON: https://stenobird.com/v1/public/podcasts/syntax-tasty-web-development-treats/episodes/996-10-new-css-and-html-apis
Duration seconds: 1880

## Resource

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

## Actions

- request_transcript: `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.
- read_markdown: `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.

A page view does not enqueue transcription. Agents should invoke `request_transcript` explicitly when they need this episode processed.

## Transcript

Full transcripts are not published on public pages unless there is a clear rights basis.