cssupdates

Explore "cssupdates" with insightful episodes like "77: Why isn't percentage working here?", "76: Why isn't my element stuck where I wanted it to stick?", "75: Why isn't my custom property the value I expect?", "72: Why does my gradient have muddy colors in the middle?" and "70: Why is my image distorted?" from podcasts like ""The CSS Podcast", "The CSS Podcast", "The CSS Podcast", "The CSS Podcast" and "The CSS Podcast"" and more!

Episodes (5)

77: 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

enNovember 28, 2023

76: 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

enNovember 15, 2023

75: 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

enOctober 27, 2023

72: 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

enSeptember 08, 2023

70: 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