Supper Club × Adam Argyle on What's New in CSS
In this supper club episode of Syntax, Wes and Scott talk with Adam Argyle about a ton of new CSS features that have arrived or are coming soon, as well as his new site Gradient.style.
Show Notes
- 00:34 Welcome
- 01:05 Guest introduction
- Adam on Bluesky
- Adam on Twitter
- 01:48 CSS buckets
- New CSS Relative Units · January 6, 2023
- 03:16 rex rch ric rlh
- 08:06 Gradient.style
- CSS HD Gradients
- Open Props: sub-atomic styles
- 13:49 What are style queries vs container queries vs state queries?
- una.im | Style Queries
- Getting Started with Style Queries - Chrome Developers
- CSS Container Style Queries | Can I use… Support tables for HTML5, CSS3, etc
- 18:09 Trig functions
- Trigonometric functions in CSS
- CSS Trigonometric Functions: cos() and sin(): dots on a circle
- 19:57 Live transitions
- Understand Disney’s 12 principles of animation | Creative Bloq
- 25:08 View transitions
- View Transitions Demo
- View Transitions API - Web APIs | MDN
- 26:01 Text-wrap balance
- CSS text-wrap: balance - Chrome Developers
- 26:45 Text-wrap pretty
- 27:44 What’s the future of the browser landscape?
- 31:44 nth-child(An+B [of S])
- 33:06 Cascade layers
- 34:40 CSS Nesting
- 38:03 Animate discrete properties
- 39:42 Linear function
- Linear easing generator
- 41:33 Media query range syntax
- 42:04 Subgrid everywhere
- 44:41 Media query range and variables?
- UI Elements - Basics, Best Practice, and Built Ins — Syntax Podcast 612
- 45:32 env variables
- Hasty Treat - CSS Nesting 1 — Syntax Podcast 343
- 46:59 Animation composition
- 49:50 Select menu HTML element
- 52:16 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ×××
Shameless Plugs
Tweet us your tasty treats
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
- Wes Bos on Bluesky
- Scott on Bluesky
- Syntax on Bluesky