996: 10 New CSS and HTML APIs

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

• Welcome to Syntax!
• Grid Lines API for masonry-style layouts
  • Introducing CSS Grid Lanes
  • CSS Grid Lanes browser support
• HTML in canvas and next-gen UI effects
  • @jaffathecake
  • @mattrothenberg
• Name-only container queries for scoped styles
  • Name-Only Containers: The Scoping We Needed
• Brought to you by Sentry.io
• Safari removes haptic feedback workaround
• CSS random for dynamic values
  • Rolling the Dice with CSS random()
• Styling find-in-page with ::search-text
• Sticky positioning now works in both axes
  • @una
• Multi-column CSS finally gets usable fixes
  • Looking at New CSS Multi-Column Layout Wrapping Features
• Border shape improvements and new design options
  • @una
  • MadCSS.com
• Why MDN demos need to be better
• 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