Sign in

OddBird

@oddbird.dev
1.2K followers 26 following 79 posts

Web designers & developers - working on client web applications, open source tools, the CSS specifications, and front-end training: - OddBird.dev - css.OddBird.net - youtube.com/@WingingItOddBird

PostsRepliesMedia
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
Reposted by OddBird
Geoff Graham @geoffgraham.me · 25/08/2026
Best @bradfrost.com frame freeze ever. And a typically wonderful @oddbird.dev interview, no less. www.oddbird.net/2026/08/13/w...
oddbird.net
Pottery, Theater, CSS Collaboration, and the Ethics of AI
Brad chats with Miriam Suzanne about pottery, theater, CSS, and why we shouldn’t just accept AI as the way. Miriam describes their through-line as collaborative creativity across pottery, theater, cli...
061
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
Brian Kardell @bkardell.com · 09/04/2026
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...
podrocket.logrocket.com
Is Sass dead yet? Miriam Suzanne has thoughts.
Miriam Suzanne joins the podcast to unpack the surprisingly deep world of CSS value resolution, the browser program running beneath every website. She explains how cascade and inheritance work together, why CSS custom properties introduce invalid at computed value time errors, and how CSS functions and mixins change the game. Plus: is Sass actually dead, or does it still solve real problems that the browser can't touch?
282
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
Reposted by OddBird
James Stuckey Weber @jamessw.com · 27/01/2026
Anchor positioning is undeniably awesome. What is missing from our awesome list? github.com/oddbird/awes...
github.com
GitHub - oddbird/awesome-anchor-positioning: 🎉 A curated list of awesome things related to CSS Anchor Positioning
🎉 A curated list of awesome things related to CSS Anchor Positioning - oddbird/awesome-anchor-positioning
083
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