78 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 • 55 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 4 wrap!

    Season 4 wrap!

    I can’t believe we’re already at the end of season 4! This season, we’ve been focusing on CSS gotchas and resolving these common CSS pitfalls. And alas, on our last episode of the season, we’re going to take a look back at all of those tips and tricks and pick some of our favorites to highlight in this recap episode.
     
    Links:
    Why isn’t percentage working → https://goo.gle/418EnBG 
    Why isn’t my element stuck → https://goo.gle/3uSX7Jk 
    Why isn’t my custom property the value I expect → https://goo.gle/47BcZPj 
    How do I center a div → https://goo.gle/3RiOBLA  
    Why isn’t my animation glitching → https://goo.gle/4a5fzPh 
     
    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 Chrome for Developers → https://goo.gle/ChromeDevs

    • 19 min
    Why isn't percentage working here?

    Why isn't percentage working here?

    In this episode, Una and Adam talk about percentage resolution for various properties like font-size, padding height and width. They break down and explain why percentages may not work or may not be what you expected.
     
    Links
    → https://goo.gle/47XtWU1 
    Understanding CSS Percentage → https://goo.gle/3RhLJzG 
    CSS Box Sizing Module Level 3 → https://goo.gle/46FRF9T 
     
    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 Chrome for Developers → https://goo.gle/ChromeDevs

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

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

    In this episode Una and Adam help you uncover moments where a sticky element isn't sticking. There are a couple of gotcha around implementing a sticky element and by the end of the show you'll know what they are and a few ways to work around them.
     
    Links:
    sticky stack - https://goo.gle/3QICxTz 
    sticky desperado - https://goo.gle/3sC3OPj  
    sticky slide - https://goo.gle/47bcRGb 
     
    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 Chrome for Developers YouTube → https://goo.gle/ChromeDevs

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

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

    In this episode, Una and Adam discuss common gotchas with custom properties, which often feel fully reactive during use, but their limits and implementation details can popup at unexpected times and create a headache. They'll cover these situations and their solutions!
     
    Links:
    Value stages → https://goo.gle/3FDo7yA 
    How custom property values are computed →https://goo.gle/49cOUiQ 
    A complete guide to custom properties → https://goo.gle/40gtVb8 
    The big gotcha with custom properties → https://goo.gle/45VwUHe  
    CodePen → https://goo.gle/3SdMnyY  
     
    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 Chrome for Developers → https://goo.gle/ChromeDevs

    • 19 min
    How do I center a div?

    How do I center a div?

    In this episode we tackle one of the most asked questions of all CSS history.. how do I center this div? We'll cover multiple strategies that each have tradeoffs and super powers over each other. 
     
    Links:
    Centering in CSS → https://goo.gle/3RRki02 
    Comparing grid and flex place-items and place-content → https://goo.gle/3ZE3NGM 
    Centering in CSS: A Complete Guide → https://goo.gle/46xudw7 
    Centering examples from Una → https://goo.gle/3rF7lvR 
     
    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 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

Customer Reviews

4.8 out of 5
55 Ratings

55 Ratings

sydescroll ,

Chock-Full Of Useful Info

I learned about this pod when I heard Una on an episode of JS Party. I’ve only listened to a couple of episodes so far and have already picked up some great tips. Thanks so much for sharing your knowledge!

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

Top Podcasts In Technology

Lex Fridman Podcast
Lex Fridman
All-In with Chamath, Jason, Sacks & Friedberg
All-In Podcast, LLC
No Priors: Artificial Intelligence | Machine Learning | Technology | Startups
Conviction | Pod People
Hard Fork
The New York Times
Acquired
Ben Gilbert and David Rosenthal
TED Radio Hour
NPR

You Might Also Like

ShopTalk
Chris Coyier & Dave Rupert
Syntax - Tasty Web Development Treats
Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
The Changelog: Software Development, Open Source
Changelog Media
CoRecursive: Coding Stories
Adam Gordon Bell - Software Developer
NN/g UX Podcast
Nielsen Norman Group
Hard Fork
The New York Times