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

• 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