Technical project manager @ OddBird from
Patricia is a technical product manager, lead project manager, front end developer, community organizer, and artist.
Patricia is an OddBird Emeritus who navigated projects through development, to ensure smooth sailing for our clients and an enchanting experience for their users. With experience in software engineering and a background in art & marketing, they harness their passions to act as a conduit for empathetic user experience, high impact contributions with measurable results, and refining process through facilitation and iterative organization. Patricia has volunteered extensively in the JavaScript community for organizations including Node.js, Node Together, EmpireJS, BrooklynJS, and MaptimeLA and spoken at tech conferences around the globe.
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.
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.
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.
Customizable web presentations
Design-token management in Sass
A guide to using new color spaces & formats with OddContrast
OddBird’s color tool not only checks contrast ratios, but supports the new CSS color formats and spaces.
Display color gamut ranges and more
OddContrast, OddBird’s color format converter and contrast checker, gets new features – including the ability to swap background and foreground colors, and display color gamut ranges on the color sliders. Contrast ratios now incorporate foreground color alpha values.