Skip to main

Erica Mitchell

Front-end developer @ OddBird from

Erica is a front end JavaScript developer, veteran, teacher, and advocate for users.

Erica is an OddBird Emeritus who co-led the front end development process – bringing design and application data alive. She’s a military veteran who fell in love with coding, and she’s worked on an array of projects – from large scale systems maintenance to in-house and public web applications – using a wide variety of technologies. She’s passionate about the process of building intuitive solutions for users across platforms and mediums, and believes in doing her part to push the web platform forward – whether by contributing to open source projects, or engaging with the next generation of developers in the community.

Open Source

OddContrast

Color contrast checker with Oklch, Oklab, P3, and more

OddContrast is a color format converter, featuring newer color formats like Oklch, Oklab, and the Display P3 color space. It’s also a color contrast checker to help designers meet WCAG 2 accessibility standards.

HTML & CSS Polyfills

Popover, CSS Anchor Positioning, Cascade Layers

Along with our work for the W3C developing specifications for the CSS language, OddBird has started and maintains a number of powerful polyfills for new web platform features including the Popover attribute, CSS Anchor Positioning, and Cascade Layers.

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.

Posts

  1. Bits and Pieces
    Link post type

    Why We Switched to React Hooks

    Hooks are the new hotness in building web applications with React. In this article for BitSrc, Erica separates fact from hyperbole to examine why OddBird has embraced the new Hooks API to deliver a better product to clients, and how we’ve benefited from having simple, consistent patterns to manage state…

    see all Link posts
  2. Panel conversation at Refactr.tech Conference
    Article post type

    Diversity. Inclusion. Tech.

    Refactr.tech 2019 aims to solve tech’s diversity problem

    As we readied our seats for the first ever Refactr.tech Conference, I pondered the question: What would a technical conference look like if its organizers were intentional about inclusiveness but still centered on tech?

    see all Article posts