Resilient Web Systems
Upgrade your app with front-end training & consulting
Workshop
resource type
Integrated Design Systems
Want to reduce technical debt and scale your applications?
OddBird provides design-system training and implementation – including strategy & design audits, automated style guides & pattern libraries, component libraries, integrated toolkits, and robust front-end architecture. If you’re a project manager, scrum master, or team leader, why not make your job easier?
When the inventor of the modern design system names you as the number one person she’d hire to build a design system, well then I jump! I’m grateful she put us in contact.
I appreciated the specific experience OddBird brought to bear in terms of building component libraries, particularly the need to incrementally import the component library in order to have it successfully be used.
Integrating Tools & Processes
Whether you want short-term training for your team, or active consulting on the design and development of your system, we have you covered. We’re experts at building systems on a budget, and integrating tools & daily process to keep your system meaningful and up-to-date.
Your team will learn to…
- Audit existing sites for patterns and problems
- Maintain consistency in the design throughout an application
- Build a foundation that leads to a scalable code base
- Discover and create meaningful patterns
- Speed up processes
- Communicate effectively as a team
- Find bugs before committing code
- Create a layout system that works for your audience
Herman Automated Style Guide
Herman is a free tool made by OddBird which creates a living pattern library from the code in your CSS files. It saves time by standardizing designer/developer communication, on-boarding, and hand-off, helping to make your life a little easier.
Depending on your needs, Herman may be included in a design systems training and implementation project. We work with you to determine the best tools for your company.
2020 Resources
Design Systems AMA
Jina and I answer questions about CSS, Sass, Design Systems, and more!
2019
Talk resource typeAgile Design Systems
with meaningful code and automation
Design Systems & CSS
We start by talking about design systems and design tooling – how they differ, and the problems they solve.
2018
Beyond Tellerand
Grid Systems & 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.
VueConf US
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…
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…
2017
Talk resource typeCode 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.
2016
-
see all Article resources
Article resource typeClarity Conference
It was an honor to be part of the first ever Clarity Conference in San Francisco – a beautiful event organized by Jina, and completely focused on Style Guides.