skip to content

I was invited to join the CSS Working Group to help develop the next level of Cascading & Inheritance – along with Container Queries, CSS scoping, and more.

Cascading Style Sheets (CSS) are the design language of the web – allowing authors and users to attach style (fonts, spacing, filter effects, style animations, and more) to structured documents and Web applications. By separating the presentation style from the content, CSS simplifies Web authoring and site maintenance.

All my research, explainers, and proposals are available at css.oddbird.net

Some of the work is funded through Chrome’s Web Framework & Tools Performance Fund.

Everything 'Csswg'

A long-term plan for logical properties?

» post

The CSS Working Group is discussing ‘logical properties’ today with the Internationalization Working Group – and there’s a great new article on the topic this week from Jeremy Keith.

Container Queries in Browsers!

» post

After nearly 15 years as a highly-requested feature in CSS – and 15 years being told it was impossible – (size) Container Queries and units have shipped in both Chrome/Edge 105, and Safari 16! Firefox is not far behind.

Intrinsic CSS with Container Queries & Units

» talk

Container queries & units have a lot to offer as we enter a more content-out era of Intrinsic Web Design, but they also come with some limitations of their own. Join Miriam to learn about how the feature works, how to start using it in production, and what to look forward to as Container Queries continue to evolve.

Use the Right Container Query Syntax

» elsewhere

Since we got a first look at a Container Queries prototype back in April 2021, the syntax has changed a few times. But now the spec is stable, browsers are getting ready to ship, and it’s time to make sure you’re using the same syntax they are!

Styling the Intrinsic Web

» podcast

I talk with Noel Minchow about how to style the intrinsic web, what that means, and how it’s compatible with responsive design.

Cascading Layers of !mportance

» talk

Earlier this year, all the major browsers released Cascade Layers, with the potential to fundamentally change how we write styles. But fundamental changes require us to re-think how all the pieces fit together.

Every Transition is a Page Transition?

» elsewhere

There’s a new web API proposal for transitioning shared-elements across pages. It’s great for making smooth page transitions, but what if we apply it to individual elements with changing styles on a single page?

Designcember Community Highlight

» interview

I was Interviewed by Rachel Andrew for the web.dev Designcember (and finally got around to posting a link here)

CSS State Toggles [WIP]

» spec

An early proposal for creating declarative state controls in CSS, and styling elements based on the current state.

Teleportation, PapayaWhip, and Cookies

» podcast

I talk with Claire and Steph about changes to the Container Query syntax, our feelings about web components, named CSS colors, how much we like eating cookies, and other wild tangents.

Making Sense of CSS Layers and Scope

» podcast

CSS is evolving rapidly and new features come online all the time. Join Morten & Miriam to talk about what CSS layers and scope are all about and how they will change how we work with and think about the cascade in the future.

Developing the Future of the Internet

» podcast

Miriam talks to Now What? about why the internet looks the way it does, why designers and developers need to collaborate and how the future of the web must be built around inclusivity and respect.

Styling the Intrinsic Web

» talk

Over the last decade, Responsive Web Design and Object Oriented CSS have grown from exciting new trends into the foundations of modern, component-driven web design. But our medium is not done evolving.

What’s Happening in CSS & Sass

» podcast

A podcast focusing on front end development but also covering a wide range of web development and design topics. We talked about CSS, Sass, and work being done in the W3C CSS Working Group.

Web Ecosystem Health Part VI

» 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

» 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

» elsewhere

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

» 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?

» 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 & Proposal

» post

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.

Container Queries & The Future of CSS

» talk

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.

Open CSS Notebook

» post

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.

CSS Containment 3 (Container Queries)

» spec

CSS Containment Level 3 defines Container Queries and container-relative units – allowing authors to build more intrinsic responsive components without knowledge of the overall layout.

CSS Cascade 6 (Scope)

» spec

Cascade & Inheritance Level 6 defines scoped styles – allowing authors to provide bounded ranges for selector-matching, and give priority to more ‘proximate’ scope origins.

CSS Cascade 5 (Layers)

» spec

Cascade & Inheritance Level 5 defines Cascade Layers – allowing authors to define explicit contained layers of specificity.

Authoring the future of CSS

» podcast

A spinoff of the Party Corgi Network discord. I chat with Chris Biscardi about The CSS Working Group, open-source projects, art, and music.