A talk on how we automate style documentation by building patterns directly into our code.
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.
Learn to integrate design and code to isolate components and automate style documentation with a design system built for your needs.
A project-manager’s reflections on human-centered problem-solving, client communication, and agile web development.
A non-technical guide for taking your project from concept to launch, without ever losing sight of the goals.
Open Source Contributions
- Compass [2010–2016]
VueFinder at VueConf, 2019
Talk: Dynamic CSS with Vue
Podcast: Views on Vue
Miriam talks with the Views on Vue panel about design, tools, fonts, and more.
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.
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.
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.
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.
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.
Making Function Calls Across Sass Versions
You don’t need safe-get-function utilities
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.