<description>&lt;p dir="ltr"&gt;Una and Bramus recap the season! They share some new updates and re-visit some of their favorite tips and tricks.Season 6 covered inline if() statements and custom functions, scroll state queries, carousel APIs, view transitions updates, anchor positioning, command invokers and interest invokers, customizable select, and a whole bunch of other CSS functions!&lt;/p&gt; &lt;p dir="ltr"&gt;Resources:&lt;/p&gt; &lt;ul&gt; &lt;li dir="ltr" aria-level="1"&gt; &lt;p dir="ltr" role="presentation"&gt;Same-document view transitions have become Baseline Newly available → &lt;a href= "https://goo.gle/4nCyFSe"&gt;https://goo.gle/4nCyFSe&lt;/a&gt; &lt;/p&gt; &lt;/li&gt; &lt;li dir="ltr" aria-level="1"&gt; &lt;p dir="ltr" role="presentation"&gt;Solved by CSS Scroll State Queries: hide a header when scrolling down, show it again when scrolling up (scrolled state query) → &lt;a href= "https://goo.gle/49uQMpN"&gt;https://goo.gle/49uQMpN&lt;/a&gt; &lt;/p&gt; &lt;/li&gt; &lt;li dir="ltr" aria-level="1"&gt; &lt;p dir="ltr" role="presentation"&gt;css-extras – A collection of useful CSS custom functions → &lt;a href= "https://goo.gle/4qFjIS5"&gt;https://goo.gle/4qFjIS5&lt;/a&gt; &lt;/p&gt; &lt;/li&gt; &lt;li dir="ltr" aria-level="1"&gt; &lt;p dir="ltr" role="presentation"&gt;CSS Mixins Specification (ED): Defining Mixins → ​​ &lt;a href= "https://goo.gle/3JpX4MZ"&gt;https://goo.gle/3JpX4MZ&lt;/a&gt; &lt;/p&gt; &lt;/li&gt; &lt;li dir="ltr" aria-level="1"&gt; &lt;p dir="ltr" role="presentation"&gt;Invoker Commands: Scroll Commands (OpenUI Meeting Notes) → &lt;a href= "https://goo.gle/47onsQB"&gt;https://goo.gle/47onsQB&lt;/a&gt; &lt;/p&gt; &lt;/li&gt; &lt;li dir="ltr" aria-level="1"&gt; &lt;p dir="ltr" role="presentation"&gt;Anchored queries → &lt;a href= "https://goo.gle/4oMCvJT"&gt;https://goo.gle/4oMCvJT&lt;/a&gt; &lt;/p&gt; &lt;/li&gt; &lt;li dir="ltr" aria-level="1"&gt; &lt;p dir="ltr" role="presentation"&gt;Customizable select → &lt;a href= "https://goo.gle/4r9Xsjv"&gt;https://goo.gle/4r9Xsjv&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p dir="ltr"&gt;Una Kravets (co-host)&lt;br /&gt; &lt;a href="https://bsky.app/profile/una.im"&gt;Bluesky&lt;/a&gt; | &lt;a href= "https://twitter.com/Una"&gt;Twitter&lt;/a&gt; | &lt;a href= "https://www.youtube.com/channel/UCJnidRIv3o1hf_YBWjKFljg"&gt;YouTube&lt;/a&gt; | &lt;a href="https://una.im"&gt;Website&lt;br /&gt;&lt;/a&gt;Making the web more colorful &lt;a href= "https://twitter.com/googlechrome"&gt;@googlechrome&lt;/a&gt; &lt;/p&gt; &lt;p dir="ltr"&gt;Bramus Van Damme (co-host)&lt;br /&gt; &lt;a href="https://bsky.app/profile/bram.us"&gt;Bluesky&lt;/a&gt; | &lt;a href= "https://front-end.social/@bramus"&gt;Mastodon&lt;/a&gt; | &lt;a href= "https://www.youtube.com/@bramus"&gt;YouTube&lt;/a&gt; | &lt;a href= "https://www.bram.us/"&gt;Website&lt;br /&gt;&lt;/a&gt;&lt;a href= "https://twitter.com/GoogleChrome"&gt;@GoogleChrome&lt;/a&gt; CSS DevRel; &lt;a href="https://twitter.com/CSSWG"&gt;@CSSWG&lt;/a&gt;; Scuba Diver 🤿&lt;/p&gt; &lt;p&gt; &lt;/p&gt;</description>

The CSS Podcast

The CSS Podcast

100: Season 6 wrap up

NOV 20, 202517 MIN
The CSS Podcast

100: Season 6 wrap up

NOV 20, 202517 MIN

Description

Una and Bramus recap the season! They share some new updates and re-visit some of their favorite tips and tricks.Season 6 covered inline if() statements and custom functions, scroll state queries, carousel APIs, view transitions updates, anchor positioning, command invokers and interest invokers, customizable select, and a whole bunch of other CSS functions!

Resources:

Una Kravets (co-host) Bluesky | Twitter | YouTube | WebsiteMaking the web more colorful @googlechrome

Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website@GoogleChrome CSS DevRel; @CSSWG; Scuba Diver 🤿