Jun 15, 2021
Custom properties, aka CSS variables, are runtime dynamic variables which allow you to store loose or typed values. They're free, super fast, improve code legibility, unlock powers, are reachable with JavaScript, animateable, overall super fun and, well, kind of complex.
Links
Jun 8, 2021
In this episode we deep dive the experimental Scroll Animations spec to bring you the breakdown on @scroll-timeline powered CSS animation. Learn about scroll-linked animations vs scroll-triggered animations and how to orchestrate scroll interactions with elements of the page.
Links
Jun 1, 2021
In this episode it's all about transitions. What you can and can't transition, it's limits, and it's super powers. We'll finish up with ways to trigger transitions and a few tips and tricks.
Links
CSS Transitions https://goo.gle/3vIDi31
Cont. https://goo.gle/3pcpueY
Una Kravets (co-host)
May 26, 2021
The CSS contain property can give you some serious performance gains by adjusting how and when the browser renders elements. In this episode, we go over all the different types of containment, and where you might use them.
Links
MDN doc on containment → https://goo.gle/3fRejEd
May 11, 2021
In this episode we're guiding scroll areas into their peaceful resting places, maintaining alignment, keeping visual harmony, and improving the overall experience with the content.
Links
Scroll Snap Level 1 draft → https://goo.gle/2R9hUow
overscroll-behavior → https://goo.gle/3o7vLYE