The CSS Podcast

50 episodes listed below

Listen to the show on

Modern CSS, explained close to the metal.

The gist

The CSS Podcast follows the fast-changing edges of CSS, from anchor positioning and view transitions to custom functions and selectable UI. Its strength is practical explanation: syntax, browser behavior, fallbacks, and the places where JavaScript can now step aside.

PRESS PLAY

Find your next episode

All episodes

About The CSS Podcast

The CSS Podcast is a show about CSS as it is being actively expanded. Recent episodes concentrate on new and emerging UI capabilities rather than broad beginner material. The subject range is specific: custom functions, more CSS functions, customizable select, invoker commands, anchor positioning, updates to view transitions, CSS carousels, and scroll state queries. The show keeps returning to a central idea: common interface behavior is moving from custom JavaScript into the web platform itself. That gives the conversations a practical shape. A feature is introduced, its syntax is described, and then the co-hosts place it inside a recognizable pattern such as a tooltip, popover, menu, dialog, hover card, product card, scroller, or carousel. The explanations are code-aware without becoming a reference manual. They linger on details that matter in real builds, including fallback values, disabled states, pseudo-elements, browser support, experimental flags, and spec changes still in progress. The show is also comfortable saying when something is not ready for broad use. Mixins, for example, are discussed as actively prototyped rather than production-settled. That distinction matters. It makes the podcast useful for developers watching the platform closely, not just collecting feature announcements. The pacing is conversational, with quick reactions and enthusiasm around APIs that remove boilerplate or make existing patterns easier to express. Still, the core value is technical orientation. Listeners get a sense of what each feature does, what it replaces, and which adjacent APIs may work well with it. The recent run of episodes also shows how tightly connected modern CSS topics have become. Anchor positioning supports better overlays. Scroll APIs support carousels. An attribute function can strengthen view transition naming. The CSS Podcast is strongest when it shows those connections, turning isolated browser features into a clearer picture of where frontend UI is going.

Made for: Suits a listener who builds web interfaces and wants current CSS platform knowledge tied to concrete UI patterns. It is especially useful for developers tracking browser support, syntax, and JavaScript-replacing APIs.

What sets it apart: The show separates polished demos from implementation reality, including fallbacks, experimental status, and spec movement. Its recent episodes connect new CSS features to each other instead of treating them as isolated announcements.

In their own words

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.

Why you'd press play

A missing color attribute falls back to gray; your product card keeps its composure.

Press play if you want

  • smoother changes between UI states with view transitions
  • carousel buttons that know when there's nowhere left to scroll
Read the full recommendation in PlayNext →
CSS functionscustom functions and mixinscustomizable select menusinvoker commandsanchor positioningview transitionsCSS carouselsscroll state queries

Talks about

Best episodes of The CSS Podcast

Short reviews from the PlayNext desk, based on the episodes we processed.

100: Season 6 wrap upNov 20, 2025

A celebratory CSS season wrap-up that links shipped features with experiments still taking shape.

The CSS Podcast marks its 100th episode with an end-of-season wrap-up that folds the milestone into a practical catch-up on recent CSS movement.

99: More CSS functionsNov 18, 2025

A practical CSS functions discussion lands best when typed attr() fallbacks meet view-transition behavior.

The CSS Podcast's 99th episode treats its late-season roundup as a useful pass through built-in CSS functions, with Bramus and Juna keeping the focus on features developers can actually put to work.

95: Updates to View TransitionsNov 5, 2025

A practical CSS update on browser support, stable transition identities, and nested groups for smoother interface motion.

The CSS Podcast frames view transitions less as a flashy animation trick than as browser plumbing that is still settling into place. The episode moves from the appeal of morphing page changes that help users keep their bearings to the practical state of same-document and…

Podcasts like The CSS Podcast

Episodes

  1. 1

    100: Season 6 wrap up

    Juna and Bramis close season 6 of The CSS Podcast by revisiting CSS features including view transitions, scroll state queries, custom functions, anchor positioning, command invokers, interest invokers, and customizable select.

    Nov 20, 2025·17m·1 clip
  2. 2

    99: More CSS functions

    Hidden gem

    Episode 99 of The CSS Podcast, More CSS functions, has Bramus and Juna walking through `min()`, `max()`, `clamp()`, `sibling-index()`, `sibling-count()`, `adder()`, `light-dark()`, `shape()`, `ident()`, and `random()`.

    Nov 18, 2025·37m·3 clips
  3. 3

    98: Customizable select

    Hidden gem

    Bramis explains why country flags can misrepresent multilingual language selectors, especially for Belgium and India.

    Nov 13, 2025·14m·1 clip
  4. 4

    97: Invokers and commands

    Nov 11, 2025·13m
  5. 5

    96: CSS anchor positioning

    Nov 7, 2025·13m
  6. 6

    95: Updates to View Transitions

    Hidden gem

    The CSS Podcast episode 95 covers browser and CSS updates to view transitions, including Chrome and Safari support for same-document and cross-document transitions and Firefox Nightly support for same-document transitions.

    Nov 5, 2025·18m·1 clip
  7. 7

    94: CSS carousels (and scroll)

    Scroll target group creates a JavaScript-free scroll spy with two lines of CSS.

    Oct 29, 2025·17m·1 clip
  8. 8

    93: State queries in 2025

    Oct 16, 2025·18m
  9. 9

    92: CSS if() and custom functions

    Hosts Yuna and Bramus cover CSS if(), available in Chrome 137 as part of CSS Values 5, which replaces the "space toggle hack" with condition-value pairs using supports(), media() and style() plus an else keyword.

    Oct 13, 2025·26m·1 clip
  10. 10

    091: Season 5 Wrap-up

    The CSS Podcast's Season 5 finale revisits the season's episodes, from popover versus dialog to Bramus's scroll-driven animations episode, and adds tips that didn't make the original recordings.

    Oct 3, 2024·43m·2 clips
  11. 11

    090: Scroll-driven animations

    Sep 26, 2024·47m
  12. 12

    089: View transitions

    Sep 19, 2024·42m
  13. 13

    088: State queries

    Sep 12, 2024·23m
  14. 14

    087: Anchor positioning

    Aug 22, 2024·38m
  15. 15

    086: Nesting 2024+

    Aug 8, 2024·8m
  16. 16

    085: Linear easing function fun

    Aug 1, 2024·16m
  17. 17

    084: Text Wrap

    Jul 11, 2024·13m
  18. 18

    083: :has() tips and tricks

    Jul 3, 2024·36m
  19. 19

    082: What's new in color & color functions

    Jun 27, 2024·18m
  20. 20

    081: Trigonometric Functions

    Jun 20, 2024·43m
  21. 21

    80: Animating to and from top-layer

    Jun 13, 2024·31m
  22. 22

    79: Popover and Dialog

    Jun 6, 2024·20m
  23. 23

    Season 4 wrap!

    Dec 6, 2023·20m
  24. 24

    Why isn't percentage working here?

    Nov 28, 2023·15m
  25. 25

    Why isn't my element stuck where I wanted it to stick?

    Nov 15, 2023·10m
  26. 26

    Why isn't my custom property the value I expect?

    Oct 27, 2023·20m
  27. 27

    How do I center a div?

    Oct 11, 2023·17m
  28. 28

    Why is my animation glitching?

    Sep 21, 2023·26m
  29. 29

    Why does my gradient have muddy colors in the middle

    Sep 8, 2023·16m
  30. 30

    Why do I have layout shift?

    Aug 31, 2023·12m
  31. 31

    Why is my image distorted?

    Aug 25, 2023·18m
  32. 32

    Why is it overflowing?

    Aug 16, 2023·15m
  33. 33

    Why isn't the margin applying?

    Aug 9, 2023·16m
  34. 34

    Why isn't z-index working?

    Aug 1, 2023·17m
  35. 35

    Season 3 recap & what's next!

    Nov 22, 2022·36m
  36. 36

    Nesting

    Nov 15, 2022·32m
  37. 37

    Subgrid

    Nov 8, 2022·10m
  38. 38

    Media query range syntax

    Nov 2, 2022·6m
  39. 39

    Color functions

    Oct 26, 2022·13m
  40. 40

    :has()

    This episode explains the new CSS :has() selector, which allows styling parent elements based on children, and its broader capabilities as a family selector.

    Oct 18, 2022·23m
  41. 41

    Inert

    Oct 11, 2022·8m
  42. 42

    Container queries

    Oct 6, 2022·16m
  43. 43

    Cascade layers

    Sep 20, 2022·18m
  44. 44

    DevTools Mini Series - Interaction

    Dec 29, 2021·15m
  45. 45

    DevTools Mini Series - Accessibility

    Dec 22, 2021·14m
  46. 46

    DevTools Mini Series - Layout

    Dec 15, 2021·17m
  47. 47

    DevTools Mini Series - Color

    Dec 8, 2021·14m
  48. 48

    Season two wrap up

    A recap episode highlighting favorite tips from Season 2 of a CSS podcast, covering topics like lists, functions, and accessibility.

    Aug 3, 2021·36m
  49. 49

    counters and @counter-style

    This episode explains how to use CSS counters for dynamic numbering and styling in web pages.

    Jul 27, 2021·27m
  50. 50

    Styling SVG in CSS

    This episode explains how to style inline SVG elements with CSS, covering different methods like inline and image tags.

    Jul 20, 2021·33m