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 [...]
OddBird
Posts
Dos & Don'ts of Anchor Positioning 🔗
CSS anchor positioning isn’t baseline yet, and there’s good reason for that. You can use it, but it comes with some caveats. James, Stacy, and Miriam [...]
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 req [...]
Is Sass dead yet? 🔗
I talk with Noel Minchow about the unique problems that CSS has to contend with, the internal complexities that can take us by surprise, how to think [...]
Quick & Easy UI Wins (for real) 🔗
Join Stacy, James, and Miriam as we explore some hidden gems of UI development – from @starting-style for smoother entry transitions to performance bo [...]
How to Implement an Image Gallery Using Baseline Features 🔗
From image sharing sites to online stores, image galleries are a common pattern on the web. Images can be very data heavy, and loading images can make [...]
Responsive Type Doesn't Have to Be Complicated 🔗
Miriam has spent a lot of time digging into the different approaches, the math involved, the user implications, and the ways modern CSS can help us ou [...]
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 [...]
CSS Scope & Mixins 🔗
At the end of 2025, Firefox added the CSS @scope rule – making the new feature available across all major browsers! Since Chris Coyier has done a fair [...]
Responsive and Fluid Typography with Baseline CSS Features 🔗
As designers, it makes sense to think about what space is available in the browser, and adjust your typography accordingly. It’s also important to rem [...]
CSS IS AWESOME Game 2 🔗
The second annual CSS is Awesome Game was a heated battle between a few of our favorite CSS professionals including Adam Argyle, Cassondra Roberts, Da [...]
Make It Ugly, for Clients 🔗
Beautiful design mockups can be distracting, giving a false sense of what is complete and what still needs to be done. At OddBird, we find it helpful [...]
Cross-Browser Anchor Positioning 🔗
It’s finally here! With the release of Firefox 145, CSS anchor positioning is available in all browsers. It’s still behind a flag in Firefox, so it is [...]
Bad UX Design Patterns 🔗
OddBirds, Stacy and Sondra, along with special guest Clayton Dewey of Dev Collaborative, face off against bad UX design patterns. They get into the we [...]
Anchor Positioning Updates for Fall 2025 🔗
Anchor positioning is close to Baseline. As more people try it out, they are finding areas where it could be improved, and differences between browser [...]