A list of resources we find useful and often refer to within the team.
- Semantic Markup Probably Doesn’t Mean What You Think!
- Warning: this is a rant, but an insightful one.
- React Hooks: Compound Components
- The Elements of UI Engineering
- Writing Resilient Components
- Variant Driven Components
- A Comprehensive Guide to Font Loading Strategies
- Fluid Type Scale Calculator
- Unicode Range Interchange: allows you to get Unicode ranges for subsetting your fonts
- Glyphhanger: subset your fonts by spidering a page for used characters or passing a Unicode range among other options
- How I set up Glyphhanger on macOS for optimizing and converting font files for the Web
- Wakamai Fondue (What can my font do?): Tells you what typographic features a font has and the CSS to unlock them
- Google Webfonts Helpers: Easily generate subset fonts for Google Fonts fonts by picking a Unicode character set like
latin. - Boiling eggs and fixing the variable font inheritance problem
Contributions are encouraged. Have something to add to the list? Awesome! You can find the contribution guidelines here.