The CSS Podcast

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.

Episodes

100: Season 6 wrap up

November 20, 2025 • 17 mins

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:

Listen

Watch

Mark as Played

99: More CSS functions

November 18, 2025 • 36 mins

In this episode of The CSS Podcast, Una and Bramus cover a bunch of CSS functions from comparison functions to tree counting functions, the random function, and more.

Resources:
min(), max(), and clamp()
Web Dev article → https://goo.gle/4nvMthu
Article by Ahmad Shadeed → https://goo.gle/3JvPznI
Comparison functions → https://goo.gle/3JmbJsx

sibling-count() and sibling-index() → https://goo.gle/3JCj33i

attr()
CSS attr() gets an...

Listen

Watch

Mark as Played

98: Customizable select

November 13, 2025 • 13 mins

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...

Listen

Watch

Mark as Played

97: Invokers and commands

November 11, 2025 • 13 mins

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 th...

Listen

Watch

Mark as Played

96: CSS anchor positioning

November 7, 2025 • 13 mins

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 → ...

Listen

Watch

Mark as Played

95: Updates to View Transitions

November 5, 2025 • 17 mins

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 bec...

Listen

Watch

Mark as Played

94: CSS carousels (and scroll)

October 29, 2025 • 16 mins

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

Resou...

Listen

Watch

Mark as Played

93: State queries in 2025

October 16, 2025 • 17 mins

Una and Bramus dive into the latest advancements in CSS with state-based container queries. Learn how to create responsive and dynamic user experiences by querying the scroll state of UI elements, including 'stuck,' 'snapped,' and 'scrollable' states. Discover practical examples and techniques to replace complex JavaScript ...

Listen

Watch

Mark as Played

92: CSS if() and custom functions

October 13, 2025 • 25 mins

Welcome back to the new season of the CSS Podcast, where Una and Bramus are your guides, your cohosts, and your CSS best friends.

In this episode we dig into two very powerful new CSS features: inline conditionals with the if() function, and custom functions.

Resources:
CSS if() function specification → https://goo.gle/3IBChWo
Article on if() by Una → https://goo.gle/4nUxIp2
Article on if() by Lea Verou ...

Listen

Watch

Mark as Played

091: Season 5 Wrap-up

October 3, 2024 • 42 mins

Una and Adam recap the season! They share their favorite features, stories, and use cases. Season 5 covered popovers, dialogs, top layers, trig functions, color functions, :has() tricks, balanced text wrapping, linear() easing, nesting, anchoring, state queries, view transitions, and scroll driven animation. What a year for...

Listen

Watch

Mark as Played

090: Scroll-driven animations

September 26, 2024 • 46 mins

In this episode our esteemed guest returns! This time to help us grok Scroll Driven Animation. Learn all about scroll(), view(), animation-timeline, timeline-scope, animation-range, and more. Power those animations with off-the-main-thread CSS scroll animation powers.

Resources:

Bramus's Demos:

All mentioned Demos + Tools + Video Course + DevTools Extension link → https://goo.gl...

Listen

Watch

Mark as Played

089: View transitions

September 19, 2024 • 41 mins

In this episode Una and Adam bring on an esteemed guest Bramus, who brings us deep knowledge on View Transitions. These are easy to get started with but difficult to master, but not with Bramus here to teach us. He'll be covering introductory to advanced API features and a big bag of examples and demos.

Resources:
Developer Documentation → https://goo.gle/4aHY7zo

Quick intro to View Transiti...

Listen

Watch

Mark as Played

088: State queries

September 12, 2024 • 23 mins

In this episode, Una and Adam discuss a future web capability that builds on container queries: state queries. From CSS, this feature will be able to detect if a container is overflowing, when an element is scroll snapped, and when an element is stuck from position: sticky.

Resources:
:stuck, :snapped, :on-screen, etc → https://goo.gle/3WVhSi6

state queries syntax → https://goo.gle/3T2gI33

...

Listen

Watch

Mark as Played

087: Anchor positioning

August 22, 2024 • 38 mins

In this episode Una and Adam explain anchor positioning and all its amazing features.

Resources:
Introducing the CSS anchor positioning API → https://goo.gle/3SWrvM5

CSS anchor positioning → https://goo.gle/4dwgmd9

Tab's talk from CSS Day → https://goo.gle/4ds8g5B

Una's Anchor Tool → https://goo.gle/3yDYDSd

Listen

Watch

Mark as Played

086: Nesting 2024+

August 8, 2024 • 8 mins

In this episode Una and Adam catch you up to the latest syntax features of CSS nesting.

Resources:
Episode 47 → https://goo.gle/3SvM9T4
Episode 65 → https://goo.gle/3ygA7X1
CSS Nesting Update → https://goo.gle/3WHCRpK

Una Kravets (co-host)
Twitter | Instagram | YouTube
Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬

Listen

Watch

Mark as Played

085: Linear easing function fun

August 1, 2024 • 16 mins

In this episode Una and Adam cover the linear() CSS easing function that can create bounce and spring effects.

Resources:

Ep 22 on Animation → https://goo.gle/4frnp8y

linear() generator → https://goo.gle/46xs2JZ

Complex animation curves in CSS with linear() → https://goo.gle/4ftm0Oz

Open Props premade spring and bounce variables → https://goo.gle/46u...

Listen

Watch

Mark as Played

084: Text Wrap

July 11, 2024 • 12 mins

In this episode Una and Adam talk about text wrap, a great modern improvement to typography on the web platform. Learn how you can create logical layout rules for your headings and other copy with just one line of code.

Resources:
text-wrap on MDN → https://goo.gle/3zvwixd

soft breaks → https://goo.gle/4cXKLAq

Una Kravets (co-host)
Twitter | Instagram | YouTube
Making the web ...

Listen

Watch

Mark as Played

083: :has() tips and tricks

July 3, 2024 • 36 mins

In this episode Una and Adam expand on episode 61 about :has() by focusing specifically on use cases, tips and tricks. Get inspired and discover new ways to make reactive UI from CSS.

Resources:
Ep 61 → https://goo.gle/4cID6pE

Piccali → https://goo.gle/4ePKJMG

Ahmad Shadeed → https://goo.gle/4bsk85F

The Looper → https://goo.gle/3yKmXkI

Una Kravets (c...

Listen

Watch

Mark as Played

082: What's new in color & color functions

June 27, 2024 • 18 mins

In this episode Una and Adam provide a color update, covering changes to the specs and new functions.

Links
RCS calc() tool → https://goo.gle/4cRRJHt

Apple Annie CSS Color Modules and Changes, Part I → https://goo.gle/3xtTr2A

Lea verou article on RCS for contrast → https://goo.gle/3L3x5YF

Una Kravets (co-host...

Listen

Watch

Mark as Played

081: Trigonometric Functions

June 20, 2024 • 43 mins

In this episode Una and Adam share practical use cases, syntax and strategies for all the new math functions in CSS. From trig to algebra, they'll help you get a good idea on where and how these fit into your UI toolbelt.

Links
Ana Tudor tests your browser for CSS math function support → https://goo.gle/4cmBm5r

Great guide and overview from Daniel Wilson → https://goo.gle/4enKgBe

Listen

Watch

Mark as Played

Popular Podcasts

Stuff You Should Know

If you've ever wanted to know about champagne, satanism, the Stonewall Uprising, chaos theory, LSD, El Nino, true crime and Rosa Parks, then look no further. Josh and Chuck have you covered.

Dateline NBC

Current and classic episodes, featuring compelling true-crime mysteries, powerful documentaries and in-depth investigations. Follow now to get the latest episodes of Dateline NBC completely free, or subscribe to Dateline Premium for ad-free listening and exclusive bonus content: DatelinePremium.com

The Joe Rogan Experience

The official podcast of comedian Joe Rogan.

The Clay Travis and Buck Sexton Show

The Clay Travis and Buck Sexton Show. Clay Travis and Buck Sexton tackle the biggest stories in news, politics and current events with intelligence and humor. From the border crisis, to the madness of cancel culture and far-left missteps, Clay and Buck guide listeners through the latest headlines and hot topics with fun and entertaining conversations and opinions.

The Breakfast Club

The World's Most Dangerous Morning Show, The Breakfast Club, With DJ Envy, Jess Hilarious, And Charlamagne Tha God!

Advertise With Us

The CSS Podcast

Episodes

.css-14f5ked{margin:0;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}100: Season 6 wrap up

.css-r6mb8g{margin:0;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}99: More CSS functions

98: Customizable select

97: Invokers and commands

96: CSS anchor positioning

95: Updates to View Transitions

94: CSS carousels (and scroll)

93: State queries in 2025

92: CSS if() and custom functions

091: Season 5 Wrap-up

090: Scroll-driven animations

089: View transitions

088: State queries

087: Anchor positioning

086: Nesting 2024+

085: Linear easing function fun

084: Text Wrap

083: :has() tips and tricks

082: What's new in color & color functions

081: Trigonometric Functions

Popular Podcasts

100: Season 6 wrap up

99: More CSS functions