As I spend more of my time working on the CSS language, I wanted a place to take notes and explore new ideas in the open.

The official conversation for CSS language development happens on The CSS Working Group GitHub issues – but it’s useful to have a more open notebook for developing new ideas before they are ready for Working Group discussion.

My notebook is a public collection of markdown files that are also generated into a static site at css.oddbird.net.

w3c’ orgs

Google Chrome

Open Consultant: New specifications & browser priorities

13 ‘w3c’ episodes

2021

Container Queries & The Future of CSS @ Smashing Meets CSSummer

| talk | Online

New CSS proposals like Container Queries, Cascade Layers, Scoped Styles, and Nesting are all aimed at improving the way we write responsive components and design systems.

Web Ecosystem Health Part VI @ Igalia Chats

| podcast

Igalia’s Brian Kardell sits down to chat with Miriam and Rachel Andrew about who works on standards, and who pays for that work.

CSSWG, Container Queries, Scope, and Layers @ Word Wrap Show

| podcast

I talk with Claire and Steph about my journey into webdev and onto the CSSWG, what I find frustrating about how others use CSS, and the three specs I’m working on.

Support (Not) Unknown @ OddBird.net

| article

Working on a new CSS feature like Container Queries, one of the most important considerations is to ensure a “migration path” – a way for developers to start integrating the new code, without breaking their sites on legacy browsers.

Container Queries & the CSSWG @ The F-Word

| podcast

I chat with Bruce Lawson & Vadim Makeev about Sass & Susy, CSS Layers & compatibility, Container Queries, and the CSS Working Group.

What Is The Future Of CSS? @ Smashing Magazine

| podcast

Starting a new season of the Smashing Podcast with a look at the future of CSS. What new specs will be landing in browsers soon? Drew McLellan talks to Miriam to find out.

Container Queries Explainer & ProposalCSSWG

| article

Media-queries allow an author to make style changes based on the overall viewport dimensions – but in many cases, authors would prefer styling modular components based on their context within a layout.

2020