Bookmarks

Published: June 17th, 2025

Updated: June 18th, 2025

A curated collection of tools and resources I’ve found genuinely useful. These are mostly focused on web development and design right now, but I’ll be adding other sections as time goes on.

Web Development & Design

Typography & Fonts

• Modern Font Stacks. System font stack CSS organized by typeface classification.
• System font stack. The fastest fonts available. No downloading, no layout shift, no invisible text.
• Wakamai Fondue. The tool that answers the question, “What can my font do?”
• Unicode Range Interchange. Do math on unicode-range values for web fonts.
• Accessible fluid CSS type generator. Generate accessible fluid typography CSS with proper constraints.
• xheightable. Font pairing tool using x-height data from 150+ Google and Adobe fonts.

Color & Accessibility

• APCA Contrast Calculator. Next-generation contrast calculator.
• WebAIM Color Contrast Checker. Check color contrast ratios for WCAG compliance.
• Whocanuse. See how color choices affect users with different vision types.
• OKLCH Color Picker. Perceptually uniform color picker using the OKLCH color space.
• coloraide. Python library for color manipulation and conversion.
• Material Theme Builder. Generate Material Design 3 color schemes from seed colors.

CSS & Standards

• Browser Default Styles. Search and compare default CSS styles across browsers.
• Typography - U.S. Web Design System. Government design system typography guidelines and components.
• Using type | U.S. Web Design System. Government design system’s approach to typography using optical normalization and design tokens.

Articles & Guides

• A comprehensive guide to font loading strategies. Complete guide to web font loading performance strategies.
• Modern Fluid Typography Using CSS Clamp. How to create responsive typography with CSS clamp function.
• Responsive Type and Zoom. Understanding how responsive typography affects browser zoom accessibility.
• Addressing Accessibility Concerns With Using Fluid Type. Making fluid typography accessible for all users.
• The Realities And Myths Of Contrast And Color. In-depth exploration of the science behind color and contrast.

Research & Studies

• Readability group survey. Results from The Readability Group’s survey testing font accessibility claims.
• Great typography bake off. Scientific study comparing eight fonts for glance-based legibility.
• Utilising psychophysical techniques to investigate the effects of age, typeface design, size and display polarity on glance legibility. Psychophysical study of factors affecting text legibility in brief glance conditions.
• Closed letter counters impair recognition. Experimental study showing closed apertures in letters reduce recognition accuracy.
• Research Highlight | How important is x-height for font legibility?. Research summary on x-height’s impact on letter recognition using visual attention theory.
• Good Background Colors for Readers: A Study of People with and without Dyslexia. Large-scale study showing warm background colors improve reading performance.
• Towards Individuated Reading Experiences: Different Fonts Increase Reading Speed for Different Individuals. Large-scale study showing 35% reading speed variation between fonts.
• The Influence of Fonts on the Reading Performance in Easy-to-Read Texts: A Legibility Study with 145 Participants. Study challenging sans-serif font recommendations for cognitively accessible texts.
• Font Matters: Investigating the Typographical Components of Legibility. Comprehensive analysis of typographical factors affecting legibility across print and digital media.
• Evaluating Fonts: Font Family Selection for Accessibility & Display Readability. Practical guide evaluating dozens of fonts for glyph distinctiveness and accessibility features.