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
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
-
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
-
27:09 Why MDN demos need to be better
-
28:24 Element-scoped view transitions for cleaner animations
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
View more