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.

Sep 16, 2020

In this closing episode, we do a whirlwind recap of our entire first season! We go over every episode, from the box model to z-index to animations and functions and color. Listen as we recount our favorite tips and tricks and discuss what we learned in the process of making this podcast.

 

Una Kravets (co-host)

Twitter


Sep 9, 2020

Today we are talking about CSS blend modes! Blend modes are super fun and allow you to specify how you want elements to interact in terms of their overlapping pixel values on the page.

Links:

mix-blend-mode → https://goo.gle/3m5L9mP 

Isolation: Cascading Style Sheets → https://goo.gle/2GIDjiX 

Una Kravets (co-host)


Sep 2, 2020

In this episode, we’re talking about CSS filters! We can alter the pixels of our web apps in similar ways to our favorite design tools. From recreating Instagram filter effects, to blurring background for better legibility, we dive deep into what CSS and filters can do.

Links:

Filter Effects Module Level 1 →


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