
73 episodes

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?
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 -
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
-
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 -
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 -
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
-
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
Customer Reviews
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.
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
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!)