Cascading Styles: A CSS Deep Dive

A deep dive into what makes CSS work, and how we can harness it's power to develop resilient and delightful experiences that hold up across browsers, languages, and device interfaces.

Cascading Styles: A CSS Deep Dive

Miriam Eric Suzanne

Miriam Eric Suzanne

OddBird

Author, Artist, and Web Developer

A lot has changed in the nearly 30 years since CSS was first proposed, and new features are shipping at an unprecedented rate – cascade layers, container queries, the ':has()' selector, wide-gamut colors, subgrid, and so much more. Meanwhile, we're still getting used to custom properties and basic grids! Taken one at a time, the list can feel overwhelming, but these features all fit together to form a highly systemic language based on a radical foundation: the cascade of styles.

It's a great time to revisit everything you thought you knew about CSS. Join Miriam for a deep dive into what makes the language work, and how we can harness it's power to develop resilient and delightful experiences that hold up across browsers, languages, and device interfaces. We'll cover the range of new developments that make modern web design possible, and put them in context of a powerful declarative cascade.

Selectors & the Cascade

  • origins and importance
  • cascade layers
  • specificity and source-order
  • :is(), :where(), and :has()
  • nesting & scope
  • preference & support queries
  • custom properties
  • naming & organizing conventions
  • progressive enhancement

Layout & Typography

  • display, flow, and context
  • writing modes
  • logical properties
  • flexbox, grid, and subgrid
  • comparison functions
  • aspect-ratios
  • scroll-snapping
  • media & container queries

CSS Colors

  • accent-color
  • color-scheme
  • new color spaces & formats
  • gradient color spaces
  • color-mix()

Buy your ticket

Conference & Workshop 3-day pass (Package Price)

Workshop only