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

996: 10 New CSS and HTML APIs