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 26, 2020

In this episode, we’re talking about CSS animations. With CSS animations a developer creates a set of keyframes, and then uses a variety of animation properties to describe how the element moves through each of the possible keyframes. 

Links:

Animations Level 1 Spec → https://goo.gle/2DhV0V2 

Easing Level 1 Spec → https://goo.gle/3kWoWap 

Scroll-Linked Animations Draft Spec → https://goo.gle/39VQV4N 

Cubic-Bezier Tool → https://goo.gle/2Q5xj5i 

Debugging Animations → https://goo.gle/3ayI2yD 

Rainbow Button → https://goo.gle/3214e0t 

Complete Easing Functions → https://goo.gle/3gaaiJ4 

 

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; 💀🤘

 

The CSS Podcast

#CSSpodcast