Sep 12, 2024

In this episode, Una and Adam discuss a future web capability that builds on container queries: state queries. From CSS, this feature will be able to detect  if a container is overflowing, when an element is scroll snapped, and when an element is stuck from position: sticky.

Resources:
:stuck, :snapped, :on-screen, etc...

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 Day → https://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