Cascading Styles: A CSS Deep Dive
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