OddBird

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 – member of the Sass core team, and creator of the popular Susy and True libraries. Miriam is a staff writer for CSS Tricks, co-author of SitePoint’s Jump Start Sass, and 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

Agile Design Systems

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

Dynamic CSS: Layouts & Beyond

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

User Unfriendly

A project-manager’s reflections on human-centered problem-solving, client communication, and agile web development.

Planning Your Web Project

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

Featured Workshops

Featured Videos

Event Schedule

Agile Design Systems at Agile Alliance

on in Washington, DC

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



Views on Vue: Design Systems & CSS

The panel discusses Miriam’s VueConf talk “Dynamic CSS with Vue”. Miriam explains what her vue applications look like and shares advice for organizing CSS in Vue.

Read more on Views on Vue

Smashing Magazine: CSS Custom Properties in the Cascade

Miriam takes a deeper dive into the CSS Custom Properties for Cascading Variables specification to ask, “Why are they called custom properties, how do they work in the cascade, and what else can we do with them?” Pushing past the “variable” metaphor, custom properties can provide new ways to balance context and isolation in CSS patterns and components.

Read more on Smashing Magazine

Smashing CSS Follow-Up Q & A

Dynamic CSS talk, Advanced CSS workshop

I had the pleasure of presenting both a talk and workshop at Smashing Conf in San Francisco this year. During the talk, people left questions in a collaborative doc, so I’m here to provide the answers!

Read more

Creative Bloq: Has CSS Finally Come of Age?

Steve Jenkins interviews Miriam about the state of CSS, and what’s coming next for the language – from Intrinsic Design to Dynamic CSS.

Read more on Creative Bloq

VueFinder at VueConf, 2019

Talk: Dynamic CSS with Vue

Inspired by VueConf 2018 I spent some time learning JS and Vue in more depth, and built myself a more flexible VueFinder presentation tool to fit my needs. This year, I returned to VueConf and gave the closing talk on passing data between CSS and Vue.

Read more

Thunder Nerds: Dynamic CSS Interview

Thunder Nerds interviewed Miriam before her talk at VueConf US 2019.

Read more on Thunder Nerds

Views on Vue: Fonts with Miriam Suzanne

Miriam talks with the Views on Vue panel about design, tools, fonts, and more.

Read more on Views on Vue

Beyond Tellerand

Talk: Don’t Use My Grid System (with Vue Invaders!)

I love when conferences give me the opportunity to travel around the world. I love it even more when conferences go beyond the web to find inspiration from other fields. Beyond Tellerand (Düsseldorf, Germany) was the best possible combination.

Read more

VueConf US

Talk: Agile Design Systems in Vue

I’ve been excited about Vue.js since Sarah Drasner first showed me the basics. Since then, we’ve started using it for client work at OddBird, and I’m constantly impressed by the power and simplicity – so it was a real honor being invited to speak at the first VueConf US in New Orleans.

Read more

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

Ask us anything.

We’re happy to answer your questions, big or small. If we’re a good fit for your custom web project, we’ll offer a free in-depth assessment!

Schedule a call with Miriam