OddBird

Explore which dev tools are best for troubleshooting specific issues with @miriam.codes & @stacykvernmo.com in this Winging It ep: www.oddbird.net/2026/07/23/w... TRIVIA: Firefox is the winner for addressing this issue. (Can you guess before you watch?) In Aug OddNews mailchi.mp/oddbird/full...

A quick look at creating CSS shapes with the path inspector in Firefox: youtu.be/aI4rqV2b7BY That's clipped from one of my past workshops, but I have another one coming up soon. Let's talk about writing maintainable #CSS! smashingconf.com/online-works...

I've heard that CSS subgrid is difficult to progressively enhance – and I disagree! Here's how I create subgrid fallbacks with one small addition. youtu.be/2ESqkg20JaE Join my @smashingconf.com workshop for more maintainable CSS! smashingconf.com/online-works... #CSS

🎙️ Just published a new episode of Wake Up Excited!: Pottery, Theater, CSS Collaboration, and the Ethics of AI with Miriam Suzanne. Have a listen:

CSS has changed dramatically in the last 6 years, but always building on core principles of resilience & design systems. Join me in October for a 5-day (3-week) @smashingconf.com workshop about how it all fits together, and how to make it work for your team: smashingconf.com/online-works... #CSS

Best @bradfrost.com frame freeze ever. And a typically wonderful @oddbird.dev interview, no less. www.oddbird.net/2026/08/13/w...

If you’ve got questions about how #CSS Grid Lanes work… …so did we! This long debated solution for masonry layout is now available. Follow along as @miriam.codes & @stacykvernmo.com work out how to use it. www.oddbird.net/2026/06/18/w... In June OddNews us19.campaign-archive.com?u=80219aa68d...

Based on the first module of the course, I am confident that the full course will be worth the full price. But if you‘ll buy it anyway, why not get it for less now? bsky.app/profile/miri...

Next week, @stacykvernmo.com and I will be looking at dev tools again – talking about which browser we go to in which situations. Is there an inspector feature that you'll always switch browsers to use? Let us know! And join our live stream for an overview: www.youtube.com/watch?v=INqy... #css

INSTA-BUY.

The features @miriam.codes has helped bring to CSS (Cascade Layers, Container Queries, Scope) have been rooted in a deep understanding of CSS’ _ethos_. They try to close the gap between how CSS could be used, and how it commonly is. If you want to close that gap in your own work (I do!), sign up

It’s Friday, so let’s close out the week with some Good Links™ in The Index #189, brought to you by Poetic CSS.

I’ll use the quote I did for this page. Miriam has a unique talent of being extremely technical with CSS but communicates that so seamlessly and so inclusively that regardless of what level you’re at now, you’ll be so far beyond that when you learn from her. A true super talent. A bargain!

This launches later today, and you should absolutely sign up! Miriam has an absurdly deep knowledge of CSS, and her teaching style is phenomenal. 💯

Poetic CSS | Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget. | courses.oddbird.net/poetic-css/ @miriam.codes

I consider myself a person who knows a lot about CSS... but @miriam.codes' knowledge eclipses mine by ~10,000%. She brings an artistry to the discipline of authoring CSS and I'm sure anyone – whether newbie or old-timer like myself – can learn a lot from her course.

Turns out you can just save the glowing testimonials for after you buy the course. Truly a no-brainer.

Poetic CSS course is live for early-bird registration! Only available during July. Thanks for your patience, we had some last-minute fixes. #css courses.oddbird.net/poetic-css/

🎤 Speaker Spotlight James Stuckey Weber joins DjangoCon US 2026 with: "But did you know the browser already does that?" Learn how modern browser capabilities and tools like Baseline can help you build more with less JavaScript. #Django #Python #WebDev

My "Poetic CSS" course goes live on Wednesday, with an Early Bird discount for the month of July! Here's another "side quest" on using shorthand properties: youtu.be/LNZQmOk3hKk Sign up for email updates (and a drawing for a handmade @OddBird mug): courses.oddbird.net/poetic-css/#... #css

Early bird pricing for my new Poetic CSS course will be available in July! For a peek at the type of content, here's a "side quest" on the display property: youtu.be/-WCtChgiO1E?... Sign up for email updates (and a drawing for a handmade @oddbird.dev mug)! courses.oddbird.net/poetic-css/#... #css

This Thursday, @stacykvernmo.com and I will Wing It live, looking at #CSS grid-lanes (now in WebKit/Safari). Neither of us have had a chance to actually play with it yet, and we're excited to see how it works. Come learn with us! youtube.com/live/siSCSaq...

I'm sad to miss you all at #CSSDay this year! Wish I could be there, and see all the great talks. In the spirit of the event, I'm launching my new #CSS course – Poetic CSS! The first module is ready, and early bird tickets will go on sale for the month of July. courses.oddbird.net/poetic-css/

I'm excited that I've been selected to speak at DjangoCon this year! I'll be there to share a few of the many new things browsers can do natively like popovers and view transitions, and how to know if they are ready to use.

In 45m (11am MT) I'll be Winging It with @stacykvernmo.com for a look at #CSS shorthands, how they work, when to use them, and some ways they might surprise you. It's a side-quest that will be bonus material in my upcoming course – early bird signup available soon! www.youtube.com/watch?v=NX7E...

You have a site that you want to build or redesign. Maybe you have a few core colors in mind, and you’re thinking about how to quickly implement a theme based on those colors. Baseline features can help! www.oddbird.net/2026/05/14/b... In May OddNews mailchi.mp/oddbird/fast... #CSS

Next Thursday I'll be Winging It with @stacykvernmo.com for a look at #CSS shorthands, how they work, when to use them, and some ways they might surprise you. Keep an eye out! www.youtube.com/watch?v=NX7E...

Two UI patterns to replace custom implementation. On <dialog> and popover by David A. Herron. www.oddbird.net/2026/04/13/b... - A modal <dialog> - How to close the dialog - popover, rising to the top - Autofocus - Style the ::backdrop In April OddNews us19.campaign-archive.com?u=80219aa68d... #CSS

Thank you to Tixie of @guerilla.studio and Yosh W for supporting @miriam.codes and OddBird's open source work. Our focus is polyfills and #CSS specs for functions, mixins, and responsive typography. Help us keep this work sustainable and focused on your needs: opencollective.com/oddbird-open...

The fact that anchor() is a length gives it superpowers, but it has some limitations. Join us on Thursday to hear more!

Listening to this episode of PodRocket with @miriam.codes and loving the way she's breaking down and expressing things in helpful, and enjoyably articulated ways... podrocket.logrocket.com/is-sass-dead...

Anchor positioning is great, until it isn't. Join us for a live stream with some of the tips and learnings that have been rattling around my head. youtube.com/live/OEvVW4w...

March OddNews... ...is all about quick & easy UI wins using baseline #CSS features. Read @stacykvernmo.com's article or watch the latest Winging It show episode. We cover: - AVIF - Lazy Loading - @starting-style - Backdrop-filter - Relative colors - Text-box Read: mailchi.mp/oddbird/quic...

I've been caught by this before, and I've seen other experienced #CSS devs get stuck on it: * { color: deepPink; } html#high-specificity { color: teal !important; } If we put that ID on the root, and some text in our document, what color will the text be?

The best way to work with CSS shape-outside | www.youtube.com/watch?v=hKiL... @oddbird.dev

Right now, @stacykvernmo.com, @jamessw.com, and @miriam.codes are live exploring AVIF image format for performance boosts. www.youtube.com/live/kIJv7eB...

Winging It live stream on Thursday with @jamessw.com and @stacykvernmo.com to explore some hidden gems of UI development—from @starting-style for smoother entry transitions to AVIF images and using the browser’s built-in lazy-loading. join us! www.youtube.com/live/XOm3vEJ...

This will be chock full of gems that you can start using, like yesterday.

On Feb's Winging It show @stacykvernmo.com, @miriam.codes, and @jamessw.com demoed how to build a type scale for your website, including: How to work with user default font size How the fonts respond to viewport sizes How to generate a ‘scale’ of relative font-sizes www.oddbird.net/2026/02/19/w...

Explore Container Queries with @miriam.codes in the context of the delicious Baseline Bakery. Donuts & #CSS? Yum! www.oddbird.net/2026/02/18/q... Shared in the February issue of OddNews: us19.campaign-archive.com?u=80219aa68d...

If you missed it in Jan, check out this chat with @chriscoyier.net on Winging It about #CSS @scope & mixins. When to use @scope How CSS functions differ from mixins When to use a mixin Will @content work for CSS mixins? @content vs @contents Fun with functions www.oddbird.net/2026/01/22/w...

Tomorrow on Winging It (live) I'll be chatting with @stacykvernmo.com & @jamessw.com about my approach to responsive type in #CSS – without third-party calculators or complex unit conversions – and some of the research I did to get there. Join us at 10am PT/1pm ET! www.youtube.com/live/B-r6wem...

Here are a few things I plan to cover in the Poetic #CSS course, but I'd love your input and questions! Where are you having the most issues, what piques your curiosity, and where do you have questions? Feel free to vote for multiple in the replies, or suggest other topics & specific questions.

Popover element (incl. showPopover) is approaching 90% on caniuse. Anchor positioning is at 79%. Anchor scope is at 78%. Two polyfills from @oddbird.dev cover large parts of the spec (incl. anchor-scope). I started using it at work this week.

Responsive type doesn’t have to be complicated. @miriam.codes will show @jamessw.com and me how we can get great results from a few lines of readable code on the next Winging It on Thursday, February 19 at 1pm ET www.youtube.com/live/B-r6wem...

It looks like style() container queries are enabled in @firefoxnightly.bsky.social - this is one of the features I'm looking forward to most. Especially with range queries starting to roll out. @ container style(--progress > 80%) { background: green; } bugzilla.mozilla.org/show_bug.cgi...

Anchor positioning is undeniably awesome. What is missing from our awesome list? github.com/oddbird/awes...

While working on her Poetic CSS video course, @miriam.codes created a little demo to imagine CSS without inheritance. Read her thoughts and play with the demo in this month's issue of OddNews. Read OddNews: us19.campaign-archive.com?e=%5BUNIQID%... Code: codepen.io/editor/miria... #css

Join @chriscoyier.net, @miriam.codes and me for Winging It today where we will discuss CSS scope and mixins! Send me your questions below or join us live at 1pm ET. www.youtube.com/live/T-X641Q...

Looking forward to learning about CSS scope and mixins from @chriscoyier.net with @miriam.codes and @stacykvernmo.com on Winging It Live- tomorrow at 1 ET.