3
Supper Club × Adam Argyle on What's New in CSS
source link: https://syntax.fm/show/616/supper-club-adam-argyle-on-what-s-new-in-css
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
May 19th, 2023
Supper Club × Adam Argyle on What's New in CSS
👇 Download Show✏️ Edit Show Notes
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
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK