996: 10 New CSS and HTML APIs

Hosted byWes Bos

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