Playing: 616: Supper Club Γ Adam Argyle on What's New in CSS
0:00
LOUDNESS
Episode 574
|Feb 10th, 2023
Supper Club Γ Qwik framework from MiΕ‘ko Hevery, the Creator of Angular
Episode 393
|Oct 4th, 2021
Hasty Treat - Spicy Takeout - PHP Is Good and Weβre Just Re-Creating It
May 19th, 2023
Supper Club Γ Adam Argyle on What's New in CSS
π Download ShowβοΈ Edit Show NotesIn 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