Skip to main
CoachHub App on iPhone

We Create Custom Web Apps & Design Systems

We enjoy working with teams pursuing large-scale projects to plan, design, and develop tailor-made web applications and design systems. As industry experts, we’d love to help you improve team workflow, lower maintenance costs, and solve problems that help people.

Talk with us »

View work samples »
Mia from behind,
standing at a laptop -
speaking to a conference audience
and gesturing to one side

Cascading Style Systems

A workshop on resilient & maintainable CSS

New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the :has() selector, subgrid, nesting, and so much more. It’s a good time to step back and understand how these tools fit together in a declarative system – a resilient cascade of styles.

Register for the October workshop »

  1. A gallery of numbered images in four columns
    Article post type

    Choosing a Masonry Syntax in CSS

    What makes something a ‘grid’, and what’s at stake?

    Back in 2020, Firefox released a prototype for doing ‘masonry’ layout in CSS. Now all the browsers are eager to ship something, but there’s a hot debate about the best syntax to use.

    see all Article posts
  2. Sass logo in black
on top of bright oklch color gradient
    Link post type

    Sass Color Spaces & Wide Gamut Colors

    Inspect and manipulate the new CSS color formats in Sass!

    CSS has a range of new color functions that support wider color gamuts (like display-p3) and perceptually uniform color adjustments (like oklch). Sass now provides additional tools for working with these new color formats, and converting between them.

    see all Link posts
  3. Winging It post type

    Learn CSS Grid - Part 2

    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 into CSS grids. We address your questions about strategy – demoing how we plan and apply grid layouts, starting with…

    see all Winging It posts
  4. Winging It post type

    Web Components

    Web Components are a polarizing feature that seem simultaneously old news and not quite ready for production yet. But we’ve been making things with Web Components, and finding some areas where they really work well. Join us, along with special guest Zach Leatherman of 11ty, to hear more about how…

    see all Winging It posts
Browse more posts »

OddBird became an extension of our team bringing UX, frontend, and backend brilliance to take MetaDeploy from an idea into a production application.

OddBird is a company I recommend without reservation. They are among the best in the world at front end, design systems, and w3c standards.

Other developers build exactly what you say, or they don’t understand, and develop the wrong thing. OddBird always thinks about the project goals. I defer to the team expertise now, which makes a better result.

Miriam is a fantastic speaker, with wonderful teaching skills, and highly praised by attendees of the conference and the workshop alike.

Jump Start Sass, by Miriam Suzanne and Kitty Giraudel

As core contributors to CSS, Sass, and Django, we write the books, help create the languages, and build the OSS projects millions of other developers rely on. Bringing that expertise to your custom web projects, we focus on accessibility, performance, resilient design systems, and well-tested code.

Full Range of Services:

  • Branding & Logo Design
  • User Research & Concepting
  • UI/UX Design (OOUX)
  • Python on the backend (Django, FastAPI)
  • CSS & Sass on the frontend
  • JavaScript (Svelte, Vue, React, Node, etc.)
  • Design Systems & Component Libraries
  • Accessible HTML
View services & deliverables »

Open Source Contributions

See open source tools »

OddBird was the wise investment. We could have selected a cheaper avenue for this work – we would have paid for it manifold in the long run.

Since OddBird thinks about handoff from the beginning, maintenance has been super easy. For example, 100% unit test coverage was a given. I never had to ask for it.

Hi, I’m Miriam

I co-founded OddBird with my brothers in 2008 as a full-stack, boutique agency to provide custom web application design & development, along with refactors for integrated design systems, accessibility, performance, and long-term sustainability.

Since then OddBird has become an industry leader – from our work on Django, Sass, and Susy, to the CSS Working Group, Mozilla Developer Channel, Object Oriented UX, and in-depth conference talks on front-end architecture, workflow, component libraries, testing, and documentation.

We’d love to help you thoughtfully serve people with technology.