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 ">00:34 Welcome
• 01:05 ">01:05 Guest introduction
• Adam on Bluesky
  
• Adam on Twitter
  
• 01:48 ">01:48 CSS buckets
• New CSS Relative Units · January 6, 2023
  
• 03:16 ">03:16 rex rch ric rlh
• 08:06 ">08:06 Gradient.style
• CSS HD Gradients
  
• Open Props: sub-atomic styles
  
• 13:49 ">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 ">18:09 Trig functions
• Trigonometric functions in CSS
  
• CSS Trigonometric Functions: cos() and sin(): dots on a circle
  
• 19:57 ">19:57 Live transitions
• Understand Disney’s 12 principles of animation | Creative Bloq
  
• 25:08 ">25:08 View transitions
• View Transitions Demo
  
• View Transitions API - Web APIs | MDN
  
• 26:01 ">26:01 Text-wrap balance
• CSS text-wrap: balance - Chrome Developers
  
• 26:45 ">26:45 Text-wrap pretty
• 27:44 ">27:44 What’s the future of the browser landscape?
• 31:44 ">31:44 nth-child(An+B [of S])
• 33:06 ">33:06 Cascade layers
• 34:40 ">34:40 CSS Nesting
• 38:03 ">38:03 Animate discrete properties
• 39:42 ">39:42 Linear function
• Linear easing generator
  
• 41:33 ">41:33 Media query range syntax
• 42:04 ">42:04 Subgrid everywhere
• 44:41 ">44:41 Media query range and variables?
• UI Elements - Basics, Best Practice, and Built Ins — Syntax Podcast 612
  
• 45:32 ">45:32 env variables
• Hasty Treat - CSS Nesting 1 — Syntax Podcast 343
  
• 46:59 ">46:59 Animation composition
• 49:50 ">49:50 Select menu HTML element
• 52:16 ">52:16 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ××× Shameless Plugs

• Onewheel // Future Motion
  
• Adam Argyle
  

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