Robuta

Django has a fair bit of custom test code: a custom TestSuiteRunner, custom TestCase subclasses, some test-only monkeypatches to core Django code, and a raft...

There's a new stretch keyword that we can use for CSS height and width properties. But how is that different from 100%? And how is that different from...

Color contrast checker with Oklch, Oklab, P3, and more

To understand how they work with the language

This series of related talks helps you take a project from scratch to launch with WordPress -- planning, design, and theme-building.

A brief review of 2013: OddBird, year six.

Strategy, design concepts, and estimates based on user-research

I joined Den Delimarsky on the Work Item podcast to talk about my path as a developer -- from building a website for my theater company, to building a career...

Responsive platform for integrated health coaching

We enjoy working with teams pursuing large-scale projects to plan, design, and develop tailor-made web applications and design systems. As industry experts,...

You can't always get away with a single-page app; sometimes you need server-side rendering. When you need both, here's one approach.

Nov 17, 2025 - Book your hotel in Jakarta now. The 25hours Hotel Jakarta The Oddbird - a blend of lush jungle and retro urban style

In this episode of Syntax, Scott and Wes talk with Miriam about all things CSS -- container queries, layers, scoping, and more!

With special guest Tab Atkins-Bittner

Coaching designers and developers in web best practices

a mid-conference conversation

Style Guides & Pattern Libraries are great tools for documenting the relationships between code and design, but beautiful docs are only half the battle....

CSS video course waitlist signup

an introduction to the Susy layout toolkit

An exploration of CSS custom properties

Co-founder & back-end consultant

A meditation on typography

A practical workshop on integrating modern CSS

And how is it different from unset or initial?

With special guests Michelle Barker, Stephanie Eckles, Kevin Powell, and Henri Helvetica

I talked with Jens Oliver Meiert over at Frontend Dogma about our work here at OddBird, what's happening in the CSS Working Group, and advice for getting...

An Odd SassDoc theme. Contribute to oddbird/sassdoc-theme-herman development by creating an account on GitHub.

Brand & user experience designer

SassConf is right around the corner, and Claudina has been working hard to make it happen!

With special guest Alan Stearns

Scalable, accessible, and performant web applications with a human-centered design.

A quick guide to using the new Node.js package importer

Do you want to make your website or web app more intuitive for the people who visit? If so, I'd like to introduce you to the world of Object-Oriented UX....

Track manufacturing costs as material prices change

What I've been working on as an Invited Expert

Using an emphasized initial letter is a technique that has been used for centuries. Let's dive in to see some ways you can apply it to your project to help...

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

With special guest Kilian Valkhof

Five practical JavaScript coding takeaways from jQuery Conference Chicago 2014.

Cascade Layers, Container Queries, Scope, and more

Cascade layers are an exciting new addition to the CSS specification. A newly released polyfill now provides even greater browser support for the feature.

With special guest Richard Rutter

Tools for data analytics

Transmitting objects between web processes and worker processes is a requirement of many modern web apps. Given that the safest way to do so is to use a...

Overflowing content, browser support, and polyfill updates

How to make the editing experience better

8 CSS & UX things I learned at GenerateConf 2019

Keep selector conflicts to a minimum

I joined Geoff Graham for a Smashing live stream to talk about CSS, web standards, music, and more!

How to use it, and is it ready to use?

Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features, but as authors we’ve had...

I chat with Bruce Lawson about all things CSS. We geek out over the latest and greatest features like Cascade Layers, @Scope, Mixins, and Container Queries --...

a case-study in building and sharing open-source Sass

How to find an anchor element

Miriam Suzanne, Stacy Kvernmo, and James Stuckey Weber demo how to use new color formats with OddContrast, a color tool for previewing, accessibility testing,...

420 Posts, 20 Following, 387 Followers · Custom web apps and design systems, developed in thoughtful collaboration. A small agency with a big presence in the...

What do all the numbers in our clamp() do?

Rethinking the CSS mixin proposal after CSS Day

A workshop with practical use-cases, tooling, and pitfalls

Learn how to leverage Web Platform Tests to ensure your polyfills are implementing upcoming browser features correctly, including how to generate a...

There are several proposals, but one major road block

I joined some other folks behind CSS-Tricks (maybe you’ve heard of it?) to face off in the much beloved don’t-call-it-jeopardy game show. Play along while...

Kevin and I chat about getting involved with the development of the CSS language, from following along to opening issues, or even joining the CSS Working Group.

It's time to stop spreading this out-dated practice

We don't have to choose between px and rem for spacing

Sass support for LCH, Lab, and more CSS color spaces

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

Inspired by Robin Rendle, I demonstrate some of my early experiments combining CSS Grids and custom properties to create dynamic layouts and...

Living Style Guide documentation on the web is a difficult problem, gaining a lot of attention in the last few years. Let's take an in-depth look at one...

If you've ever found yourself in a specificity war, you'll understand how important having control over style priority can be. During our conversation,...

SQLAlchemy is a Python library for interacting with relational databases. It is a popular alternative to Django's ORM used by frameworks such as FastAPI....

designing software for humans, with other humans

Dynamic CSS with Vue

CSS-Tricks asked a number of web builders the same question...

OddBird is a small company -- a shared vision and brand that transforms seven remote contractors into a Web Software Agency. 2016 was a year of big changes for...

In July we talked with Stephanie Eckles about how (and why) you can get started working grids into your CSS toolkit. As requested, this is part two of our dive...

Part 1 -- Responsive Web App vs Native Mobile App vs Progressive Web App

and fallbacks for legacy browsers

With the release of kanban-style project boards, we decided to move our open design process over to GitHub and give it a try.

What happens if the 'pace layers' get out of sync?

You may not need anything more

How can we design for an unknown & infinite canvas?

Now is the time to begin experimenting with a long requested layout tool.

OddBird sponsored Python Web Conference 2023 and sent me to attend. In this article I showcase my favorite talks and activities from this excellent online...

Experimenting with the shared element transitions API

Are you a startup founder looking to develop a new web app, or a company interested in expanding your web services? Here's your chance to ask all those...

Four useful tools & tutorials

a gift from Mozilla (and OddBird)

OddBird met for a work retreat in April. On the Oddgenda: grow the company, and redesign OddSite. I came home from retreat tasked with reviewing OddBird's...

Get up to speed with Sass in a weekend...