Skip to main

David A. Herron

Front-end developer, since

David is a web designer, bird watcher, and photographer focused on performance, layouts, and accessibility.

David helps bring designs to life with modern tools. He’s passionate about pushing forward page layouts on the web while staying true to standards, and building a web that can be used by anyone, no matter their ability or device. A native Texan, he is now based in Stockholm, Sweden, where he spends time cycling, taking photographs, and watching birds.

Open Source

Blend

Sass support for LCH, Lab, and more CSS color spaces

CSS Color Modules Level 4 & Level 5 include several new CSS color formats, new color-adjustment syntax, and a contrast function. Blend provides early access to many of these features, while working with Sass colors.

Cascading Colors

Dynamic & interactive color palettes using CSS

Generate dynamic and interactive color palettes. Define custom themes with CSS custom properties, allow user-adjustments with a bit of light-weight JS, and customize the underlying system with Sass.

Herman

Automated style guides

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

Accoutrement

Integrated design-system management in Sass

OddBird’s Accoutrement tools help keep design tokens meaningful to both humans and machines – opening the door for automation, while improving readability. These tools also integrate with Herman, our automated pattern-library generator.

True

Unit-testing for Sass developers

True is the only full-featured unit-testing framework designed specifically for the Sass language. Write your tests in Sass, compile them with Sass, and then (optionally) pass the results to a Javascript test-runner for command-line control and reporting.

Susy

CSS layout framework

Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date.

Resources