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.
In this episode we talk about CSS @rules and all the different customizations you can make to fonts, encoding, animations, Houdini, and more.
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
CSS Fonts → http://goo.gle/3dB2uSU
The CSS Podcast
In this Season 2 kickoff episode we talk about lists; their bullets/markers, styleability and overall featureset. List-en closely 🤓
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 Grid → https://goo.gle/3awKJkp
The CSS Podcast
Houdini Series: Layout
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 Worklet for an overview → https://goo.gle/3mG6BPc
The Layout API → https://goo.gle/3gspEdI
Masonry Layout Example by @iamvdo → https://goo.gle/37pRint
Houdini Series: Paint
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.
CSS Paint API → https://goo.gle/39bWvBV
MDN Docs on CSS Painting API → https://goo.gle/3m3e1M1
Worklet Reference → https://goo.gle/3980Equ
Houdini Series: Typed OM
In this episode we go over the TypedOM, a new API for parsing, converting, creating and managing CSS. It's typed, as the name suggests, and these typings not only help developers find bugs, they can make properties animateable natively in the engine.
MDN Typed OM Reference → https://goo.gle/3n2FrC9
Spec → https://goo.gle/32fq94O
caniuse attributeStyleMap → https://goo.gle/3leR0Fu
caniuse computedStyleMap → https://goo.gle/3p40ENy
Houdini Series: Properties & Values
In this episode we introduce Houdini! We start by talking about our hooks into the layout engine and CSS parser, so we can connect our custom functionality with some CSS authored by a designer or developer. These hooks are called Houdini Properties & Values.
Properties and Values Spec → https://goo.gle/2HZ6Aad
Value Definitions Spec → https://goo.gle/2HZCCTy
Houdini @property → https://goo.gle/3eyFimW
Customer ReviewsSee All
Great show! Just binge-listened to the first twenty episodes, and feel ready to tackle my next user interface... and the world! (of CSS!)
Simplifying The Complex
This is a great podcast. Articulate and fun at the same time. These expert hosts bring a great energy to CSS education.
My fav CSS podcast
It is simply fun to listen both Adam and Una, and most of the times there is new stuff to learn.
I enjoy very much listening while working ✌️👍