66 episodes

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.

The CSS Podcast The CSS Podcast

    • Technology
    • 4.7 • 46 Ratings

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.

    Season 3 recap & what’s next

    Season 3 recap & what’s next

    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 CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
     
    Catch more episodes on YouTube→ https://goo.gle/CSSpodcast
    Subscribe to Google Chrome Developers YouTube → https://goo.gle/ChromeDevs
     
    The CSS Podcast
    #CSSpodcast

    • 36 min
    Nesting

    Nesting

    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 web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 
     
    Adam Argyle (co-host)
    Twitter | Instagram | YouTube
    @GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
     
    Catch more episodes → https://goo.gle/CSSpodcast    
    Subscribe to Google Chrome Developers YouTube → https://goo.gle/ChromeDevs   
     
    The CSS Podcast
    #CSSpodcast

    • 31 min
    Subgrid

    Subgrid

    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://goo.gle/3fQDvP4 
    Full Bleed Subgrid demo - https://goo.gle/3TkZ1Jv 
     
    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 DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
     
    Catch more episodes → https://goo.gle/CSSpodcast    
    Subscribe to Google Chrome Developers YouTube → https://goo.gle/ChromeDevs   
     
    The CSS Podcast
    #CSSpodcast

    • 9 min
    Media query range syntax

    Media query range syntax

    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 DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
     
    Catch more episodes on YT → https://goo.gle/CSSpodcast   
    Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs   
     
    The CSS Podcast
    #CSSpodcast

    • 5 min
    Color functions

    Color functions

    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 face host of @toolsday & Designing in the Browser 🎬 
    Adam Argyle (co-host)
    Twitter | Instagram | YouTube
    @GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
     
    Catch more episodes → https://goo.gle/CSSpodcast  
    Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs  
     
    The CSS Podcast
    #CSSpodcast

    • 13 min
    :has()

    :has()

    :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-classes → https://goo.gle/3SgvH69  Creative CSS Layout → https://goo.gle/3yRv4sZ  Quantity Queries for CSS → https://goo.gle/3a4NPwT   
    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 DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
     
    Catch more episodes → https://goo.gle/CSSpodcast 
    Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs 
    The CSS Podcast
    #CSSpodcast

    • 23 min

Customer Reviews

4.7 out of 5
46 Ratings

46 Ratings

TotalChris ,

Best CSS podcast out there

They go over topics thoroughly and add little bits of humor in there too. An informative and entertaining podcast for front end devs.

samuelaustin ,

Freemote + CSS Podcast = 🔥🔥

Great podcast to help with understanding while driving. Then get back to the web and see things in real time at web.dev/css

Twitchkidd ,

repeat(⭐️, 5)

Great show! Just binge-listened to the first twenty episodes, and feel ready to tackle my next user interface... and the world! (of CSS!)

Top Podcasts In Technology

Lex Fridman
Jason Calacanis
NPR
Chris Tarbell & Hector Monsegur
The New York Times
Cal Newport

You Might Also Like

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
Changelog Media
ShopTalk
The Stack Overflow Podcast
Changelog Media
Jonathan Cutrell