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.

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 

Content-visibility →


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 

scroll-behavior


May 4, 2021

In this episode we enter the 3rd dimension with CSS, placing and manipulating objects in 3D space with the transform property. 2D and 3D transforms are spectacular ways to animate and create a sense of depth in a design, follow along for how it all works.

 

Links

CSS Transforms Module Level 1 https://goo.gle/2RsETdW