The CSS Podcast

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 Adam Argyle, Developer Advocates from Google, who gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index.

Episodes

November 22, 2022 36 min

Listen to Adam and Una recap all of the exciting landings they talked about in 2022 in this end-of-season recap. If you missed the others, don’t miss this one!

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CS...

Mark as Played

In this episode Una and Adam talk about CSS Nesting, per the current 2022 spec draft. They'll cover the syntax basics, some gotchas and of course a bunch of examples. 

 

Links

Nesting 1 Spec - https://goo.gle/3VgnoJR 

Adam exploring the prototype implementation in Canary - https://goo.gle/3UGsMpv 

@scope and @layer and nesting - https://goo.gle/3EyJ3Hq 

 

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the w...

Mark as Played
November 8, 2022 9 min

In this episode Una and Adam discuss subgrid, a special value for grid-template-rows or grid-template-columns. Learn the general details of usage, use cases, tips, tricks and gotchas, so you can use the feature with confidence.

 

Links

CSS Grid Spec - https://goo.gle/3EfjoDq 

MDN - https://goo.gle/3tbooTx 

Smashing Magazine - https://goo.gle/3DUb7Ds 

Ahmad Shadeed on Subgrid - https://goo.gle/3EeStaP 

State of CSS (subgrid) - https...

Mark as Played
November 2, 2022 5 min

Media query range syntax is a really nice addition. 

 

Links

  • Polyfill: https://goo.gle/3TXcyYD 
  • New syntax for range media queries: https://goo.gle/3DQlHg0 
  •  

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

     

    Adam Argyle (co-host)

    Twitter | Instagram | YouTube

    @GoogleChrome CSS ...

    Mark as Played
    October 26, 2022 13 min

    In this episode Una and Adam cover changes to the color level 5 and new color level 6 specs, so you can stay HD on the topic. Plus, a dive into CSS color functions for manipulating colors.

    Links

    CSS Color Module Level 5 → https://goo.gle/3f8BgpT 

    CSS Color Module Level 6 → https://goo.gle/3TIsPAI 

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn fac...

    Mark as Played
    October 18, 2022 23 min

    :has() is a new CSS selector which allows developers to query for the presence of a child or state. It has been called the “parent selector”, but it’s much more than that! Using :has() you can style up and down a DOM tree, making this an incredible powerful feature. Learn how to take advantage of this new API with lots of examples in this episode.

    Links

  • Blog → https://goo.gle/3CIs1EF 
  • Selectors → https://goo.gle/3EQsPde 
  • Pseudo-class...
  • Mark as Played
    October 11, 2022 7 min

    In this episode Una and Adam explain a non-CSS property, but very relevant front-end UI property, called inert. It's a way to have a visually guarded part of the UI also be guarded for keyboard and screen reader users.

    Links

    Inert spec - https://goo.gle/3SXid0C 

    MDN - https://goo.gle/3rK1Ybd 

    Chrome Developers: Introducing Inert - https://goo.gle/3CLygZE 

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web mor...

    Mark as Played
    October 6, 2022 15 min

    Container queries (also known as @container) are a new entrypoint for truly component-based responsive design. In this episode, Adam and Una will walk you through how to use them, what browser support looks like, and upcoming features that will give you even more control over your responsive interfaces!

    Links

  • CQ + :has() → https://goo.gle/3ymiwJS
  • MDN Docs → https://goo.gle/3ogyIrp
  •  

    Una Kravets (co-host)

    Twitter | Instagram ...

    Mark as Played
    September 20, 2022 18 min

    In this episode Una and Adam cover Cascade Layers (aka @layer). It's a way for authors to control and orchestrate their own CSS layering which can help avoid specificity and asynchronous loading issues. Instead of styles taking the most recent style based on order of appearance, orchestrate layers and place styles inside them to control which overrides which.

    Links

    MDN - https://goo.gle/3UjB6vL 

    Smashing Magazine - https://...

    Mark as Played
    December 29, 2021 14 min

    DevTools Mini Series continues, this time on interactions. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss interaction, and interaction inspection/ debugging in DevTools. 

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

     

    Adam Argyle (co-host)

    Twitter | Instagra...

    Mark as Played
    December 22, 2021 13 min

    DevTools Mini Series continues, this time on accessibility tooling. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss how DevTools can help you discover and fix accessibility issues.

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

     

    Adam Argyle (co-host)

    Twitter |...

    Mark as Played
    December 15, 2021 17 min

    DevTools Mini Series continues, this time on layout. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss an overview of how DevTools can help you create and debug layouts.

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

     

    Adam Argyle (co-host)

    Twitter | Instagram | ...

    Mark as Played
    December 8, 2021 14 min

    Welcome to the DevTools Mini Series for The CSS Podcast. On this episode, Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss an overview of color and shared tips.

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

     

    Adam Argyle (co-host)

    Twitter | Instagram | YouTube

    ...

    Mark as Played
    August 3, 2021 35 min

    We’ve reached the end of season 2 of the CSS Podcast. In this closing episode, we recap every episode by sharing our favorite tips and learnings from the last few months! Episodes reminisced E30 → Lists E31 → @rules E32 → Page Media Queries E33 → Preference Media Queries E34 → Overflow E35 → Background E36 → Text & Typography E37 → Cursors & Pointers E38 → N-Match Notation E39 → Paths, Shapes, Clipping and Masking E40 ...

    Mark as Played
    July 27, 2021 26 min

    Count on The CSS Podcast to cover counters. Una and Adam teach all the ways to create, reset, and update counters. Use them for lists, games and more!

     

    Links

    Counters Level 3 → https://goo.gle/3f2BP18 

    Pure CSS Games Collection → https://goo.gle/3l0wrQe 

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in...

    Mark as Played
    July 20, 2021 32 min

    CSS and SVG are very intertwined, and you can create a lot of unique effects by combining the two. This episode dives into a few CSS + SVG tips and tricks, including where and how to use SVG on your page, icon systems, color theming, adding animations, filter effects, and more!

     

    Links

    Solved with CSS: Colorizing SVG → https://goo.gle/3x0Uilb

    SVGOMG  → https://goo.gle/3hS6ksJ

    SVG spec  → https://goo.gle/3wVgRYe

     

    Una Kravets (c...

    Mark as Played

    This episode is about the very available CSS values inherit, initial, unset and revert. We'll help explain what they are, what they do and when to use them.

     

    Links

    CSS Tricks Article → https://goo.gle/2U5PxJw 

    Quirksmode Article → https://goo.gle/2TY80rz 

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designi...

    Mark as Played
    July 6, 2021 31 min

    Today we are breaking down accessibility related styling choices to ensure a better user experience for all of your users. These include focus visibility, keyboard navigation, and more! 

    Links

    #lintHTMLwithCSS - https://goo.gle/3dSMIlU 

    CSS Speech Level 1 - https://goo.gle/3xrg3vc 

    Media Queries Level 5 - https://goo.gle/3qUcBXz

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevR...

    Mark as Played
    June 29, 2021 25 min

    Today we touch on touch interaction. Covering CSS's ability to change a user's touch experience with properties like touch-action, scroll-behavior, user-select and more.

     

    Links

    MDN - https://goo.gle/3y8My14 

    Spec - https://goo.gle/3dm4opF 

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Br...

    Mark as Played
    June 22, 2021 33 min

    In this episode, Adam and Una explore some CSS syntactic sugar! They discuss the :is and :where functions, how they differ, and how they’re paving the way for nesting. 

     

    Links

    Adam's post on web.dev → https://goo.gle/3qhYifl 

    MDN :is() → https://goo.gle/3qgU0Vf 

    Forgiving selector parsing → https://goo.gle/3xLTYHL 

     

    Una Kravets (co-host)

    Twitter | Instagram | YouTube

    Making the web more colorful ✨🎨  Web DevRel @g...

    Mark as Played

    Popular Podcasts

      Current and classic episodes, featuring compelling true-crime mysteries, powerful documentaries and in-depth investigations.

      Crime Junkie

      If you can never get enough true crime... Congratulations, you’ve found your people.

      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.

      Morbid

      It’s a lighthearted nightmare in here, weirdos! Morbid is a true crime, creepy history and all things spooky podcast hosted by an autopsy technician and a hairstylist. Join us for a heavy dose of research with a dash of comedy thrown in for flavor.

      The Dan Bongino Show

      He’s a former Secret Service Agent, former NYPD officer, and New York Times best-selling author. Join Dan Bongino each weekday as he tackles the hottest political issues, debunking both liberal and Republican establishment rhetoric.

    Advertise With Us

    For You

      Music, radio and podcasts, all free. Listen online or download the iHeart App.

      Connect

      © 2023 iHeartMedia, Inc.