Preview Mode Links will not work in preview mode

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.

Aug 31, 2023

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 -


Aug 25, 2023

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 


Aug 16, 2023

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 →


Aug 9, 2023

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 →


Aug 1, 2023

In this episode we explore why z-index isn’t working for you. We’ll teach you about stacking context and how to make sure you’ve set yourself up for layering success! Join us on this journey through positioning, variable architecture, tools, and more, to bring those elements to light.

Links:

Stacking context →