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.

Mar 2, 2021

In this episode we talk about page media queries and all the ways you can pivot your styles based on device capabilities, viewport size, etc. 

 

Links

Media Queries → http://goo.gle/2MhYfR2

Scripting → http://goo.gle/2Mdan5E

The 'display-mode' media feature → http://goo.gle/2NoFr3c

Prefers-* Security and...


Feb 23, 2021

In this episode we talk about CSS @rules and all the different customizations you can make to fonts, encoding, animations, Houdini, and more. 

Links
At-rules → http://goo.gle/3uvvRwb
CSS Conditional Rules Module → http://goo.gle/37Bgf02
@property → https://goo.gle/3upuMpB
Media Queries → https://goo.gle/2Nl2VGp


Feb 16, 2021

In this Season 2 kickoff episode we talk about lists; their bullets/markers, styleability and overall featureset. List-en closely 🤓

Links
CSS Lists and Counters Module → http://goo.gle/2LlRhtS
Custom bullets with CSS → http://goo.gle/3rol0BL
CSS Lists, Markers, And Counters→ http://goo.gle/3cHa5yP
CSS Counter...


Dec 9, 2020

In this episode, we get a little more experimental as we continue the Houdini series and discuss the Layout Worklet, also sometimes referred to as the Houdini Layout API. The Layout API enables developers to write their own layout algorithms.

For more about Houdini worklets, check out our last episode on the Paint...


Dec 2, 2020

In this episode, we continue the Houdini series and enter worklet land! We go over the Paint Worklet, an API that enables developers to define canvas-like custom painting functions that can be used directly in CSS as backgrounds, borders, masks, and more.

Links

CSS Paint API → https://goo.gle/39bWvBV

MDN Docs on CSS...