CSS Cascade Layers

on Winging It episode 1 with Miriam, Ed, & Stacy on July 20, 2023 | 40 mins

If you’ve ever found yourself in a specificity war, you’ll understand how important having control over style priority can be. During our conversation, we discussed what CSS Layers are and how you can use them in your project.

Subscribe to Channel »

What we cover:

What is the cascade, and why is it important in CSS?
How we historically dealt with cascade/specificity problems (before layers)
What CSS Layers are and how they work
Why unlayered styles are prioritized
How to start using Layers within a project
Additional best practices when using Layers

We also chat about what’s new in CSS, including new color tools, :has, scope, nesting, and more.

Upcoming Workshop

Mia from behind,
standing at a laptop -
speaking to a conference audience
and gesturing to one side

Cascading Style Systems

A workshop on resilient & maintainable CSS

by Miriam

New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the :has() selector, subgrid, nesting, and so much more. It’s a good time to step back and understand how these tools fit together in a declarative system – a resilient cascade of styles.

Recent Episodes

Winging It post type

Using New Color Formats

on Winging It episode 9 with James, Miriam, & Stacy on Jun 27 | 53 mins

Miriam Suzanne, Stacy Kvernmo, and James Stuckey Weber demo how to use new color formats with OddContrast, a color tool for previewing, accessibility testing, and selecting the format/space.

see all Winging It posts
Winging It post type

CSS Anchor Positioning in Practice

on Winging It episode 8 with James & Miriam on May 30 | 53 mins

What is Anchor Positioning? Why is it exciting? What can you use it for? How does the polyfill work? Join James Stuckey Weber and Miriam Suzanne as they talk through these questions and answer yours in our monthly live stream.

see all Winging It posts
Winging It post type

CSS Container Queries in Practice

on Winging It episode 7 with Miriam & Stacy on May 16 | 45 mins

Miriam Suzanne and Stacy Kvernmo talk about CSS Container Queries and the unexpected things that happen when you add containment. Some elements completely collapse! What’s going on there? We had questions and thought you might too. So we talk through the issue in our monthly live stream.

see all Winging It posts

What we cover:

Links:

Upcoming Workshop

Recent Episodes

OddNews Sign Up