Resources

CSS Specificity calculator

A mac app for managing different Icon libraries. It makes it easy to search for names, add tags, and quickly grab an icon in whatever format you need it. You can even just drag and drop into sketch and figma.

These are my go to icons for every project if I'm not drawing my own. The team behind them has done a ton of great work and they exclusively focus on iconography. (https://www.parakeet.co)

see websites in multiple breakpoints at once

Figmac is a super lightweight Figma desktop app that delivers a more natural Mac experience.

AccessLint brings automated web accessibility testing into your development workflow. When a pull request is opened, AccessLint reviews the changes and comments with any new accessibility issues, giving you quick, timely, and targeted feedback, before code goes live.

a documentation system to build pretty and powerful docs in the blink of an eye

Turn any mockup into a floating guide, and visually align pixels with ease.

Checklist for auditing a web-pages accessibility.

randomly generated accessible colors

accessible color palettes

an a11y auditing tool for checking your markup

A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.

website dedicated to cataloging typefaces, typeface pairings, typeface alternatives, and type in use

Vue based boilerplate for putting together a maintainable pattern library