In this episode of The CSS Podcast, Una and Bramus cover building customizable select menus. Have you ever had to build a dropdown menu where you want to do something as simple as change the color, or add little flag icons? You know how hard it can be! Discover how the web platform is solving this once and for all with the new customizable select API. Resources: Customizable select demos → https://goo.gle/43G5ruv Una Kravets (co-host) Bluesky | Twitter | YouTube | Website Making the web more colorful @googlechrome Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website @GoogleChrome CSS DevRel; @CSSWG; Scuba Diver 🤿
--------
13:54
--------
13:54
97: Invokers and commands
In this episode of The CSS Podcast, we're diving into the power of invoker commands! Discover how the command and commandfor attributes allow you to declaratively open dialogs and show popovers. We'll explore standard commands and then jump into creating your own custom commands for more complex interactions. To close off, we're covering the concept of "interest invokers" and how the new CSS properties and selectors they bring. Resources: Introducing command and commandfor blogpost → https://goo.gle/4ozmEy4 Authors Cards (Interest Invokers Demo) → https://goo.gle/42LU3x2 Invoker Commands Explainer → https://goo.gle/4o0DC8n Interest Invokers Explainer → https://goo.gle/4nfyZGi Una Kravets (co-host) Bluesky | Twitter | YouTube | WebsiteMaking the web more colorful @googlechrome Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website
--------
13:23
--------
13:23
96: CSS anchor positioning
Welcome back to The CSS Podcast! Una and Bramus dive into CSS anchor positioning, a powerful new API that revolutionizes how developers handle dynamic UI element placement. Learn how to create interactive tooltips, popovers, and menus directly in CSS, eliminating the need for complex JavaScript. Resources: CSS anchor positioning → https://goo.gle/3KvYYeZ Anchor position tool → https://goo.gle/4gOYooL Follow-the-leader pattern with CSS anchor positioning → https://goo.gle/46s0kQD Anchor queries - Reposition tether arrow → https://goo.gle/42fXtI1 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 🤿
--------
13:15
--------
13:15
95: Updates to View Transitions
View Transitions have been around for a little while. This episode of The CSS Podcast covers some of the recent additions and changes since we last covered this in episode 89. Resources: What's new in view transitions (2025 update) → https://goo.gle/47k7RAb Same-document view transitions have become Baseline Newly available → https://goo.gle/4otGpqx Learn View Transitions → https://goo.gle/42dNH9l View Transitions Demos → https://goo.gle/42dNH9l Nested View Transition Groups → https://goo.gle/3KtoVfi Scoped View Transitions → https://goo.gle/3VHdovd Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website@GoogleChrome CSS DevRel; @CSSWG; Scuba Diver 🤿
--------
17:46
--------
17:46
94: CSS carousels (and scroll)
Welcome back to The CSS Podcast! We're diving into a series of powerful scroll APIs that enable you to build custom, interactive carousels entirely with CSS, eliminating the need for JavaScript. These APIs, which also power customizable select elements, unlock even more innovative scroll-based experiences Resources: Carousels with CSS → https://goo.gle/46PES79 ::scroll-marker → https://goo.gle/4mEd3o8 CSS Carousel Gallery → https://goo.gle/46Odsyp Carousel Configurator → https://goo.gle/46KEir4 Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨🎨 Web DevRel @googlechrome Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website@GoogleChrome CSS DevRel; @CSSWG; Scuba Diver 🤿
Cascading Style Sheets (CSS) is the web's core styling language. For web developers, It's one of the quickest technologies to get started with, but one of the hardest to master. Follow Una Kravets and Bramus Van Damme, Developer Advocates from Google, who gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index.
Brasil