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...


Aug 19, 2020

In this episode gradients take the stage as we share syntax secrets, tips and tricks, and probably teach you about repeating-conic-gradient. By the end, you’ll be savvy with color stops, transition hints, and all the ways to interpolate color in your design.

Links:

Spec Level 3 → https://goo.gle/3h8cRN7 

Spec Draft...


Aug 12, 2020

In this episode we talk about the runtime dynamic side of CSS, commonly recognized as a CSS function. Today, in similar fashion to other episodes, we’ll be doing a massive overview of all the CSS functions, to be later deep dived. 

Links:

CSS Tricks Guide to CSS Functions → https://goo.gle/2XRb7Ah 

CSS Variables →...


Aug 5, 2020

In today’s episode, we’re talking about z-index and stacking context. This is a pretty in-depth topic, but it's something that we see all the time and it can definitely bite if you aren’t aware of what’s going on.

Links:

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

Scroll-linked Animations 1 →