CSS Containers
A web development podcast from LogRocket
I talk with Noel Minchow about CSS Container Queries, why they took so long, how they work, and what to watch out for.
Podcast
post type
W3C CSS Working Group
Developing specifications for the CSS language
Miriam is an Invited Expert on the W3C CSS Working Group, helping to develop the next level of Cascading & Inheritance, in addition to other CSS standards. She’s also active in the CSS4 and Design Token Community Groups.
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.
2023 Posts
Talk post typeCSS Containers, What Do They Know?
A deep-dive introduction to CSS container queries
Past-
Smashing Conf
-
Front Conference
-
Talk post typeStyling the Intrinsic Web
With Cascade Layers & Container Queries
Past-
Camosun College
-
SmashingConf SF
-
2022
Talk post typeCascading Layers of !mportance
Past-
An Event Apart
-
An Event Apart
-
Talk post typeIntrinsic CSS with Container Queries & Units
Past-
Jamstack Conf
-
W3C Developer Meetup
-
-
see all Article posts
Article post type
Use the Right Container Query Syntax
Size queries are stable, and shipping in browsers
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
A web development podcast from LogRocket
I talk with Noel Minchow about how to style the intrinsic web, what that means, and how it’s compatible with responsive design.
Article post typeEvery Transition is a Page Transition?
Experimenting with the shared element transitions API
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?
Article post typeCascade Layers – There’s a Polyfill for That!
Cascade layers are an exciting new addition to the CSS specification. A newly released polyfill now provides even greater browser support for the feature.
Podcast post typeTeleportation, PapayaWhip, and Cookies
This episode went a little off the rails…
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.
Video post typeMaking Sense of CSS Layers and Scope
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.
-
see all Link posts
Link post type
A Complete Guide to CSS Cascade Layers
Cascade layers are a new CSS feature that allows us to define explicit contained layers of specificity, so that we have full control over which styles take priority in a project without relying on specificity hacks or
!important. This guide is intended to help you fully understand what cascade layers are for, how and why you might choose to use them, the current levels of support, and the syntax.
2021
Podcast post typeDeveloping the Future of the Internet
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.
Podcast post typeWhat’s Happening in CSS & Sass
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.
Container Queries & The Future of CSS
Modernizing the cascade for responsive design systems
Past-
Smashing Meets CSSummer
-
CSS Café
-
Podcast post typeWeb Ecosystem Health Part VI
Igalia’s Brian Kardell sits down to chat with Miriam and Rachel Andrew about who works on standards, and who pays for that work.
Podcast post typeCSS Container Queries, Layers, Scoping and More
In this episode of Syntax, Scott and Wes talk with Miriam about all things CSS – container queries, layers, scoping, and more!
CSSWG, Container Queries, Scope, and Layers
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.
Article post typeSupport (Not) Unknown
Adding Container Query tests to CSS
@supportWorking 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. That looks different depending on the feature, but can often include…
Podcast post typeContainer Queries & the CSSWG
I chat with Bruce Lawson & Vadim Makeev about Sass & Susy, CSS Layers & compatibility, Container Queries, and the CSS Working Group.
Podcast post typeWhat Is The Future Of CSS?
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.
-
see all Article posts
Article post typeContainer Queries: a Quick Start Guide
Now is the time to begin experimenting with a long requested layout tool.
The
@containerquery, that elusive feature developers have been requesting and proposing for years, has finally made its debut in a browser. Well, sort of. Here we’ll explain what container queries are, how they work, and what other features they might come with once fully supported in browsers.
2020
-
see all Article posts
Article post type
W3C Invited Expert on the CSS Working Group
Helping define the future of styles on the web
I’ve joined the CSS Working Group as a W3C Invited Expert to help to develop the next level of Cascading & Inheritance, in addition to other CSS standards. I’m also currently active in the CSS4 and Design Token Community Groups.