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

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  

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

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

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