chromefordevelopers

Explore "chromefordevelopers" 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?", "74: How do I center a div?" and "73: Why is my animation glitching?" 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

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