OddBird | Custom Web App Design & Development For Humans Skip to main Level up your CSS with free cutting-edge demos in your inbox! Light/Dark Color Mode light dark auto Themeoddbird,complement,adjacent,triad,monochrome,contrast oddbird complement adjacent triad monochrome contrast Hue Saturation Lightness Contrast Services Design & Development Strategy & Research Design Systems Poetic CSS Architecture Web Standards Developer Tools Work Courses Events Posts About Contact 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 » Featured Clients Adobe Fonts: Typographic Superpower Game Google: CSS Language Development Mozilla: Mozilla Developer Channel Bremtown: Bremtown Cabinetry **************: MetaDeploy Aunalytics: Workflow Builder SRAM/Quarq: QuarqNet Tegy: TimeDesigner View work samples » Featured Posts Link post type How to Implement an Image Gallery Using Baseline Features Stacy Kvernmo at web.dev on Mar 2 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 the page take a long time to load. In addition, users have high expectations around the usability of galleries, so it’s common to… see all Link posts Winging It post type Responsive Type Doesn’t Have to Be Complicated Building a type scale for your website on Winging It episode 29 with Stacy, Miriam, & James on Feb 19 | 60 min 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 out. There are equations and graphs! But you don’t need anything that complicated to build a type scale for your next site. With the… see all Winging It posts Link post type Container Queries and Units in Action Miriam Suzanne at web.dev on Feb 18 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 feeling broken or out of place. How can you accomplish this in a complex layout like a… see all Link posts Winging It post type CSS Scope & Mixins A chat with Chris Coyier on Winging It episode 28 with Stacy & Miriam on Jan 22 | 60 min 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 amount of writing and speaking on the topic, we wanted to talk with him about what that means. Chris has also been… 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. —Jason Lantz, Sr. Director of Release Engineering at ************** OddBird is a company I recommend without reservation. They are among the best in the world at front end, design systems, and w3c standards. —Nicole Sullivan, Product Manager for Web UI at Google Chrome 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. —Rohit Puranik, Founder at Lab06 Miriam is a fantastic speaker, with wonderful teaching skills, and highly praised by attendees of the conference and the workshop alike. —Vitaly Friedman, Founder at Smashing Magazine & Conference 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 Django W3C CSS Working Group Sass CSS Remedy Susy Accoutrement Herman OddContrast True Support 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. —Furman Brown, Founder at Tegy 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. —Sara Taillon, CTO at ORCAS 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. —Miriam Suzanne We Create Custom Web Apps & Design Systems Let’s chat about your web project Fill out the form, schedule a call, or send us an email. birds@*********** on Email @************************ on Mastodon @oddbird.dev on Bluesky oddbird on Github Name* required Email* required Message* required Don’t fill out this field: Send Level Up Your CSSGet free cutting-edge demos in your inbox! Grid & layouts with Miriam Suzanne, anchor positioning with James Stuckey Weber, and more! Peruse archive Email * required Subscribe Built with Eleventy. Styled with Sass, Accoutrement, & Cascading Color Systems. Documented with Herman & SassDoc. See sample pages for basic usage. Established in 2008 by three odd siblings. Code of Conduct. Copyright © 2009–2026 OddBird
