CSS Grid Lanes (Masonry) Introduced

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