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: <ul> <li dir="ltr" aria-level="1"> Same-document view transitions have become Baseline Newly available → <a href= "https://goo.gle/4nCyFSe">https://goo.gle/4nCyFSe</a> </li> <li dir="ltr" aria-level="1"> Solved by CSS Scroll State Queries: hide a header when scrolling down, show it again when scrolling up (scrolled state query) → <a href= "https://goo.gle/49uQMpN">https://goo.gle/49uQMpN</a> </li> <li dir="ltr" aria-level="1"> css-extras – A collection of useful CSS custom functions → <a href= "https://goo.gle/4qFjIS5">https://goo.gle/4qFjIS5</a> </li> <li dir="ltr" aria-level="1"> CSS Mixins Specification (ED): Defining Mixins → ​​ <a href= "https://goo.gle/3JpX4MZ">https://goo.gle/3JpX4MZ</a> </li> <li dir="ltr" aria-level="1"> Invoker Commands: Scroll Commands (OpenUI Meeting Notes) → <a href= "https://goo.gle/47onsQB">https://goo.gle/47onsQB</a> </li> <li dir="ltr" aria-level="1"> Anchored queries → <a href= "https://goo.gle/4oMCvJT">https://goo.gle/4oMCvJT</a> </li> <li dir="ltr" aria-level="1"> Customizable select → <a href= "https://goo.gle/4r9Xsjv">https://goo.gle/4r9Xsjv</a> </li> </ul> Una Kravets (co-host) <a href="https://bsky.app/profile/una.im">Bluesky</a> | <a href= "https://twitter.com/Una">Twitter</a> | <a href= "https://www.youtube.com/channel/UCJnidRIv3o1hf_YBWjKFljg">YouTube</a> | <a href="https://una.im">Website</a>Making the web more colorful <a href= "https://twitter.com/googlechrome">@googlechrome</a> Bramus Van Damme (co-host) <a href="https://bsky.app/profile/bram.us">Bluesky</a> | <a href= "https://front-end.social/@bramus">Mastodon</a> | <a href= "https://www.youtube.com/@bramus">YouTube</a> | <a href= "https://www.bram.us/">Website</a><a href= "https://twitter.com/GoogleChrome">@GoogleChrome</a> CSS DevRel; <a href="https://twitter.com/CSSWG">@CSSWG</a>; Scuba Diver 🤿

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

100: Season 6 wrap up

The CSS Podcast

AI Chapters

AI Insights

Reviews