Articles

Our Odd Thoughts

Best practice is an evolving conversation…


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

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

Event: Live Q&A with OddBird

Are you a startup founder looking to develop a new web app, or a company interested in expanding your web services? Here’s your chance to ask all those questions that keep you up at night.

Read More

Django, Background Processes, and Keeping Users in the Loop

When you have out-of-band processing in a web app, how do you let users know that the status of a task has changed? Depending on your front-end client, there are a few different approaches you might take.

Read More

Three Names to Include in Your User Model

(None of them is the username)

The term “username” is ambiguous. When designing a user model there are several kinds of names that are useful to include.

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

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