iiinova — where your digital self keeps evolving

OddBird @oddbird.dev · 21/09/2026

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...

oddbird.net

Inspecting Inspectors

Miriam and Stacy troubleshoot an issue with the dev tools available in each browser, exploring the differences and what each browser's tools do best.

142

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 18/09/2026

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...

youtu.be

Flow text around different shapes in CSS

YouTube video by Winging It

181

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 16/09/2026

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

youtu.be

CSS Progressive Enhancement with Subgrid

YouTube video by Winging It

03210

Reposted by OddBird

Brad Frost @bradfrost.com · 13/08/2026

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

share.transistor.fm

Pottery, Theater, CSS Collaboration, and the Ethics of AI with Miriam Suzanne

Brad chats with Miriam Suzanne about pottery, theater, CSS, and why we...

1135

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 03/09/2026

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

smashingconf.com

Cascading Style Systems: Resilient & Maintainable CSS — Online Workshops

If you ever feel lost in the CSS weeds, wrestling with the cascade, or you just want to improve your workflow with modern, efficient, and maintainable stylesheets, then this workshop is for you!

0298

OddBird @oddbird.dev · 12/08/2026

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...

oddbird.net

Grid Lanes -- The Future of Masonry Layout

This long-debated solution for masonry layout is now available and it's time to figure out how to use it. Join us for a deep dive into the workings of Grid Lanes.

052

Reposted by OddBird

Tobias Fedder @tfedder.de · 31/07/2026

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...

032

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 14/07/2026

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

youtube.com

Inspecting Inspectors: What each browser’s dev tools do best

YouTube video by Winging It

1122

Reposted by OddBird

Brad Frost @bradfrost.com · 02/07/2026

INSTA-BUY.

062

Reposted by OddBird

Eric Portis @ericportis.com · 06/07/2026

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

093

Reposted by OddBird

Piccalilli @piccalil.li · 03/07/2026

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

piccalil.li

The Index: Issue #189

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

184

Reposted by OddBird

Andy Bell @bell.bz · 02/07/2026

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!

0157

Reposted by OddBird

Josh W. Comeau @joshwcomeau.com · 01/07/2026

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

0184

Reposted by OddBird

Schalk Neethling @schalkneethling.com · 03/07/2026

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

courses.oddbird.net

Poetic CSS

Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.

022

Reposted by OddBird

Dave Rupert @davatron5000.bsky.social · 03/07/2026

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.

03211

Reposted by OddBird

Tobias Fedder @tfedder.de · 03/07/2026

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

042

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 02/07/2026

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/

courses.oddbird.net

Poetic CSS

Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.

07129

Reposted by OddBird

djangocon.us @djangocon.us · 30/06/2026

🎤 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

043

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 29/06/2026

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

youtu.be

Use Shorthands for a Fresh Start

YouTube video by Winging It

15222

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 23/06/2026

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

youtu.be

So Many Display Modes

YouTube video by Winging It

0103

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 16/06/2026

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...

youtube.com

Grid Lanes: the Future of Masonry Layout

YouTube video by Winging It

1187

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 11/06/2026

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/

courses.oddbird.net

Poetic CSS

Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.

28129

Reposted by OddBird

James Stuckey Weber @jamessw.com · 10/06/2026

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.

063

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 28/05/2026

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...

youtube.com

Surprising Effects of CSS Shorthands

YouTube video by Winging It

1135

OddBird @oddbird.dev · 26/05/2026

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

oddbird.net

Color Themes with Baseline CSS Features

So, 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 ca...

0145

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 22/05/2026

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...

youtube.com

Surprising Effects of CSS Shorthands

YouTube video by Winging It

0165

OddBird @oddbird.dev · 29/04/2026

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

oddbird.net

Baseline Layered UI Patterns: `<dialog>` and `popover`

Elements and windows that pop up on the screen are one of the most common patterns on the web. With use cases spanning from alerts and brief forms requesting data, to the now ubiquitous cookie setting...

031

OddBird @oddbird.dev · 14/04/2026

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...

opencollective.com

OddBird Open Source - Open Collective

We love contributing to the languages & tools developers rely on. Our focus is Popover & Anchor Positioning polyfills, and CSS specifications for functions, mixins, and responsive typography. Help us ...

011

Reposted by OddBird

James Stuckey Weber @jamessw.com · 14/04/2026

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

youtube.com

Dos & Don’ts of Anchor Positioning

YouTube video by Winging It

062

Reposted by OddBird

James Stuckey Weber @jamessw.com · 06/04/2026

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...

youtube.com

Dos & Don’ts of Anchor Positioning

YouTube video by Winging It

064

OddBird @oddbird.dev · 31/03/2026

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...

image gallery in codepen with pictures of cute small dogs

021

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 30/03/2026

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?

7135

Reposted by OddBird

Schalk Neethling @schalkneethling.com · 23/03/2026

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

youtube.com

The BEST way to work with CSS shape-outside

YouTube video by Winging It

031

OddBird @oddbird.dev · 19/03/2026

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

youtube.com

Quick & Easy UI Wins

YouTube video by Winging It

000

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 17/03/2026

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...

youtube.com

Quick & Easy UI Wins

YouTube video by Winging It

1125

Reposted by OddBird

James Stuckey Weber @jamessw.com · 11/03/2026

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

youtube.com

Quick & Easy UI Wins

YouTube video by Winging It

154

OddBird @oddbird.dev · 05/03/2026

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...

oddbird.net

Responsive Type Doesn't Have to Be Complicated

Building a type scale for your website

093

OddBird @oddbird.dev · 04/03/2026

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...

oddbird.net

Container Queries and Units in Action

One of the goals when writing CSS is to build component parts that will adapt well to different (and unexpected) contexts. Ideally, a component can be placed inside any "container" element without it ...

0154

OddBird @oddbird.dev · 03/03/2026

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...

oddbird.net

CSS Scope & Mixins

A chat with Chris Coyier

031

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 18/02/2026

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...

youtube.com

Responsive Type Doesn’t Have To Be Complicated

YouTube video by Winging It

083

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 17/02/2026

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.

486

Reposted by OddBird

Ilja @fubits.dev · 13/02/2026

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.

2102

Reposted by OddBird

Stacy Kvernmo @stacykvernmo.com · 16/02/2026

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...

youtube.com

Responsive Type Doesn’t Have To Be Complicated

YouTube video by Winging It

064

Reposted by OddBird

Mia [data-css=poetic] @miriam.codes · 05/02/2026

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...

bugzilla.mozilla.org

2014404 - Enable the `layout.css.style-queries.enabled` pref on Nightly

RESOLVED (jfkthame) in Core - CSS Parsing and Computation. Last updated 2026-02-04.

36315

OddBird @oddbird.dev · 23/01/2026

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

codepen.io

Imagine CSS without inheritance

A code demo by Miriam Suzanne created on CodePen

192

Reposted by OddBird

Stacy Kvernmo @stacykvernmo.com · 22/01/2026

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...

youtube.com

CSS Scope & Mixins

YouTube video by Winging It

0104

Reposted by OddBird

James Stuckey Weber @jamessw.com · 21/01/2026

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.

youtube.com

CSS Scope & Mixins

YouTube video by Winging It

093