Supper Club × Adam Argyle on What's New in CSS

<p class="has-line-data" data-line-start="0" data-line-end="1">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.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:34">00:34</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:05">01:05</a></strong> Guest introduction</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://bsky.app/profile/nerdy.dev">Adam on Bluesky</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://twitter.com/argyleink">Adam on Twitter</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=01:48">01:48</a></strong> CSS buckets</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href= "https://nerdy.dev/new-relative-units-ric-rex-rlh-and-rch">New CSS Relative Units · January 6, 2023</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=03:16">03:16</a></strong> rex rch ric rlh</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=08:06">08:06</a></strong> Gradient.style</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://gradient.style/">CSS HD Gradients</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://open-props.style/">Open Props: sub-atomic styles</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=13:49">13:49</a></strong> What are style queries vs container queries vs state queries?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://una.im/style-queries/">una.im | Style Queries</a></li