
996: 10 New CSS and HTML APIs
From Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
April 15, 2026 · 31 min
About this episode
Wes and Scott discuss the latest CSS and HTML APIs, including new features and browser support.
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…
People in this episode
Hosts: Wes Bos, Scott Tolinski
Topics covered
- CSS features
- HTML APIs
- browser updates
- web development
- UI effects
- styling techniques
Keywords
- CSS Grid
- HTML in Canvas
- container queries
- CSS random
- search-text styling
- sticky positioning
- multi-column CSS
Sponsors
Sentry.io
Mentioned in this episode
Organizations: MDN, MadCSS.com
More episodes of Syntax - Tasty Web Development Treats
- 1002: The Real Pricing of LLMs · May 6, 2026 · 53 min
- 1001: Managing Deadlines + Stress · May 4, 2026 · 33 min
- 1000: Syntax Episode 1,000! · April 29, 2026 · 1h 13m
- 999: Writing Maintainable CSS · April 27, 2026 · 50 min
- 998: How to Fix Vibe Coding · April 22, 2026 · 45 min
- 997: Rating and Roasting Your Projects · April 20, 2026 · 54 min
Explore listener stats, chart rankings, contacts and more on the Syntax - Tasty Web Development Treats podcast page.