Meet the Birds…

Miriam Suzanne

Co-Founder & Project Manager

Miriam leads the OddBird process, working with clients and users to set priorities and find solutions to their unique problems. She is a user-experience expert, and a pioneer of modern CSS techniques – creating the popular Susy responsive-grid toolkit, and True unit-testing library. Miriam is a staff writer for CSS Tricks, co-author of SitePoint’s Jump Start Sass, and an internationally known conference speaker, winning “Best of” CSS Dev Conf in 2017. She is also a multimedia artist with extensive experience in theatre, writing, music, and visual art.


Featured Talks & Workshops

Agile Systems Workshop

Learn to integrate design and code to isolate components and automate style documentation with a design system built for your needs.

Agile Design Systems

A talk on how we automate style documentation by building patterns directly into our code.

Data-Driven Design in CSS

Learn to integrate design and code to isolate components and automate style documentation with a design system built for your needs.

Planning Your Web Project

A non-technical guide for taking your project from concept to launch, without ever losing sight of the goals.


Featured Videos


Event Schedule

Agile Design Systems at VueConf US

on in New Orleans, LA

Style Guides & Pattern Libraries are great tools for documenting the relationships between code and design, but beautiful docs are only half the battle. We don’t all have dedicated teams and budgets to build a centralized system. How can we build patterns into our code, using templates and pre-processors to iterate and automate living design systems in an agile and integrated process?

Upcoming Appearances

Speaking History


Open Source Contributions

core developer

creator



Herman Style Guides

An agile approach to design systems on a budget

Design systems streamline development, communication, and consistency – but often rely on dedicated teams and extended budgets. We wanted a tool to create and maintain living style guides & pattern libraries in an agile process, and on a budget. Herman helps keep our development flow simple, and our UX consistent, as we iterate on patterns and scale over time.

Today we’re launching Herman 1.0 as a free, open source project for anyone to use and make contributions. Check out the full documentation, or contact us for help putting your design system in place.

Read More

Media Queries & Grid Settings

Practical media helpers for Susy3

Most grids change with the viewport – and Susy needs new settings at each breakpoint. Susy3 is designed without mixins for complete flexibility from project to project, but it can be useful to build additional tools and shortcuts as you go. Here are some snippets to help you get started working with Susy across different media queries.

Read More

Welcome to Susy3!

Make grid systems your fallback plan

We’re excited to introduce Susy 3.0, a major update to our popular grid-math calculator – now more focused and flexible than ever. Susy was designed to make layout math easy, without forcing you into generic patterns and ugly markup. But grid systems are on the way out, replaced by real CSS layout specs that live in the browser. With Susy3, we want to help make that a smooth transition.

Read More

Understanding Spread in Susy3

Susy 3.0 will be released in the next week, if all goes well, and there’s a lot to write about it. I wanted to start with a detailed overview of one core concept: spread.

Read More

Making Function Calls Across Sass Versions

You don’t need safe-get-function utilities

The Sass 3.5 Release Candidate includes support for first-class functions. What are they, how do we use them, and what tools can we use to future-proof our Sass toolkits in advance?

Read More

Code Patterns & Style Guides

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 way to store patterns directly in Sass, and generate documentation automatically.

Read More

We Are Not Neutral: 2016 in Review

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 us, individually and as a company. We can’t distance ourselves from the world we work in, or the lives of our members, colleagues, and clients. Software is never neutral, and neither are we. There’s work to do.

Read More

SitePoint: Live Q&A with Miriam

I did a live Q&A at SitePoint back in August. We talked about customizing Susy for your needs, why you might not need a grid system, other tools I’m working on, and how to select or build your own toolkits.

It was a wild two-hours of typing as fast as I could, and hoping to sound intelligent. Thanks for asking the questions!

Read More

Auditioning Github Projects

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

Read More

CSSConf 2016 Recap

It was a pleasure speaking at CSSConf 2016 in Boston! Here are some of my notes from the event – coverig everything from creativity and the Bauhaus movement to SVG 2 internals, React styles, CSS grid layouts, and custom properties (e.g. CSS-native variables). I included links to slides and video whenever possible.

Read More

Start the conversation…

Interested in a chat with Miriam to find out more? Ask us anything; we’re happy to answer your questions, big or small. If your business is a good fit, we’ll offer a free in-depth project assessment!

Schedule a call with Miriam