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 22, 2024

In this episode Una and Adam explain anchor positioning and all its amazing features.

Resources:
Introducing the CSS anchor positioning API → https://goo.gle/3SWrvM5 

CSS anchor positioning → https://goo.gle/4dwgmd9 

Tab’s talk from CSS Dayhttps://goo.gle/4ds8g5B 

Una's Anchor Tool →


Aug 8, 2024

In this episode Una and Adam catch you up to the latest syntax features of CSS nesting.

Resources:
Episode 47 → https://goo.gle/3SvM9T4
Episode 65 → https://goo.gle/3ygA7X1
CSS Nesting Update → https://goo.gle/3WHCRpK 

Una Kravets (co-host)
Twitter | Instagram | YouTube
Making the web more colorful ✨🎨  Web...


Aug 1, 2024

In this episode Una and Adam cover the linear() CSS easing function that can create bounce and spring effects.

 

Resources:

Ep 22 on Animation → https://goo.gle/4frnp8y 

linear() generator → https://goo.gle/46xs2JZ 

Complex animation curves in CSS with linear() → https://goo.gle/4ftm0Oz 

Open Props premade spring...


Jul 11, 2024

In this episode Una and Adam talk about text wrap, a great modern improvement to typography on the web platform. Learn how you can create logical layout rules for your headings and other copy with just one line of code.

Resources:
text-wrap on MDN → https://goo.gle/3zvwixd 

soft breaks → https://goo.gle/4cXKLAq 

 


Jul 3, 2024

In this episode Una and Adam expand on episode 61 about :has() by focusing specifically on use cases, tips and tricks. Get inspired and discover new ways to make reactive UI from CSS.

Resources:
Ep 61 → https://goo.gle/4cID6pE 

Piccali → https://goo.gle/4ePKJMG 

Ahmad Shadeed → https://goo.gle/4bsk85F 

The Looper...