73 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.8 • 51 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.

    Why is my animation glitching?

    Why is my animation glitching?

    On this episode of the #CSSpodcast, we’re diving into how to deal with glitchy animations in your code base!
     
    Links:
    MDN transform-style - https://goo.gle/45YFu8B 
    MDN backface-visibility - https://goo.gle/46mPvfE
     
    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; 💀🤘

    Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

    • 25 min
    Why does my gradient have muddy colors in the middle

    Why does my gradient have muddy colors in the middle

    In this episode, we tackle the issues around getting undesirable gradient results. Sometimes it's you, sometimes it's the color space. We'll help you identify, assess and remedy muddy gradients.
     
    Links:
    HD color guide - https://goo.gle/3RhyvmP 
    various gradients in color spaces - https://goo.gle/3Pc02TV 
    modern css gradient tool - https://goo.gle/3P4KxNI 
    try color mix - https://goo.gle/3r2toML 
    color-mix() with white hover codepen - https://goo.gle/3Pw6mHm 
    interpolation visualizer - https://goo.gle/45GwS6t 
     
    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
     

    • 16 min
    Why do I have layout shift?

    Why do I have layout shift?

    In this episode we're shifting the topic to layout shift, that moment where you watch the page adapt to something lazily loaded which has impacted the layout in some way where you see content shift around.
     
    Links:
    CLS - https://goo.gle/3kle3AW 
    Optimizing CLS - https://goo.gle/3fxu6IE 
    CSS for Web Vitals - https://goo.gle/3E98gY9 
     
    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; 💀🤘

    Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

    • 11 min
    Why is my image distorted?

    Why is my image distorted?

    Too small? Too big? Learn how to make your images just right and all the reasons they might be looking a little funky when you’re adding media to your interface.
     
    Links:
    CSS for Web Vitals → https://goo.gle/3E98gY9 
    Learn Responsive Images  → https://goo.gle/45EFuds 
    Aspect Ratio → https://goo.gle/3PdyjDS 
    Demos → https://goo.gle/3qJuQ6z & https://goo.gle/45uDvZB 
     
    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

    • 17 min
    Why is it overflowing?

    Why is it overflowing?

    In this episode we're overjoyed to overexplain why you may be having overflow in your page. somewhere over the rainbow, an overheating developer overcooked the inline sizes and ended up oversleeping for work the next day. Now let's overanalyze and overshare about CSS overflow.
     
    Links:
    The rules of Margin Collapse → https://goo.gle/441OGaH  
    Everything you need to know → https://goo.gle/4434Ctj 
    Check out → https://goo.gle/3YrJDiw  
     
    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
     

    • 15 min
    Why isn't the margin applying?

    Why isn't the margin applying?

    In this episode we explore why margin may not be working for you. We’ll teach you about block formatting contexts and margin collapsing! We'll make you the space you want in your designs!
    Links:
    The Rules of Margin Collapse → https://goo.gle/441OGaH 
    CSS Margins → https://goo.gle/4434Ctj 
    Learn more → https://goo.gle/3YrJDiw 
     
    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 

    • 16 min

Customer Reviews

4.8 out of 5
51 Ratings

51 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
The New York Times
NPR
Trane Technologies
Ben Gilbert and David Rosenthal

You Might Also Like

Changelog Media
Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
The Stack Overflow Podcast
Allen Underwood, Michael Outlaw, Joe Zack
Changelog Media
Jonathan Cutrell