996: 10 New CSS and HTML APIs

Syntax

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 Notes00:00 Welcome to Syntax!00:57 Grid Lines API for masonry-style layoutsIntroducing CSS Grid LanesCSS Grid Lanes browser support03:25 HTML in canvas and next-gen UI effects@jaffathecake@mattrothenberg11:30 Name-only container queries for scoped stylesName-Only Containers: The Scoping We Needed14:37 Brought to you by Sentry.io15:34 Safari removes haptic feedback workaround17:38 CSS random for dynamic valuesRolling the Dice with CSS random()18:49 Styling find-in-page with ::search-text21:44 Sticky positioning now works in both axes@una22:43 Multi-column CSS finally gets usable fixesLooking at New CSS Multi-Column Layout Wrapping Features24:41 Border shape improvements and new design options@unaMadCSS.com27:09 Why MDN demos need to be better28:24 Element-scoped view transitions for cleaner animations@bram.usHit us up on Socials!Syntax: X Instagram Tiktok LinkedIn ThreadsWes: X Instagram Tiktok LinkedIn ThreadsScott: X Instagram Tiktok LinkedIn ThreadsRandy: X Instagram YouTube Threads.

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

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

Audio Player

-
--:--
--:--