A bunch of demos for different web font loading strategies. Companion to https://www.zachleat.com/web/comprehensive-webfonts/
☆1,066Jan 26, 2022Updated 4 years ago
Alternatives and similar repositories for web-font-loading-recipes
Users that are interested in web-font-loading-recipes are comparing it to the libraries listed below
Sorting:
- Your web font utility belt. It can subset web fonts. It can find unicode-ranges for you automatically. It makes julienne fries.☆1,124Jul 1, 2021Updated 4 years ago
- Aims to be the biggest checklist of inclusive design considerations ever☆2,765Jun 11, 2020Updated 5 years ago
- Webfont loading. Simple, small, and efficient.☆4,347Feb 18, 2025Updated last year
- A very lightweight and flexible accessible modal dialog script.☆2,478Updated this week
- Extract & Inline Critical-path CSS in HTML pages☆10,179Jan 24, 2026Updated last month
- A postcss plugin to automatically add classes for various font loading strategies.☆89Mar 15, 2021Updated 5 years ago
- 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.☆3,442Oct 25, 2024Updated last year
- Command line tool to optimize your webfont loading. Aggressive subsetting based on your font use, self-hosting of Google fonts and preloa…☆1,636May 8, 2024Updated last year
- Load CSS asynchronously☆6,679Oct 20, 2022Updated 3 years ago
- ⭕ Tiny javascript library for creating accessible modal dialogs☆3,623Updated this week
- A curated list of Grid interop issues☆1,187Oct 27, 2020Updated 5 years ago
- A faster youtube embed.☆6,299Nov 10, 2025Updated 4 months ago
- A simple guide to HTML <head> elements☆30,246Updated this week
- A tool to understand your bundle size and why files are in your bundle☆2,888Jan 9, 2024Updated 2 years ago
- Simple, CSS utility classes for advanced typographic features.☆499Apr 28, 2022Updated 3 years ago
- A tool to help you build and document website component libraries and design systems.☆2,134Sep 5, 2023Updated 2 years ago
- Client side accessibility error scanner.☆2,161Aug 3, 2020Updated 5 years ago
- A one-page questionnaire to help your team establish effective frontend guidelines, so that you can write consistent & cohesive code toge…☆2,612Jun 23, 2023Updated 2 years ago
- Frend — A collection of accessible, modern front-end components.☆628Feb 26, 2019Updated 7 years ago
- A script to highlight elements that are mismatched incorrectly to @font-face blocks, which may result in shoddy faux bold or faux italic…☆99Aug 31, 2022Updated 3 years ago
- 🛠Toggle CSS styles within @supports blocks☆275Jan 24, 2019Updated 7 years ago
- High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes t…☆17,739Apr 3, 2024Updated last year
- Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/d…☆1,730Mar 19, 2024Updated 2 years ago
- A Bash script to build a SVG sprite from a folder of SVG files (typically icons).☆328Oct 16, 2018Updated 7 years ago
- 📈 A visual way to analyze the specificity of selectors in CSS.☆197May 8, 2024Updated last year
- A community-curated list of flexbox issues and cross-browser workarounds for them.☆13,583Jan 19, 2024Updated 2 years ago
- Start your project with a remedy for the technical debt of CSS.☆2,230Jul 7, 2022Updated 3 years ago
- Fast, Simple, & Free Open Source Webfont Converter☆789Sep 22, 2021Updated 4 years ago
- Benchmark the web performance and accessibility of sites over time.☆968Jan 30, 2026Updated last month
- A command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios.☆397Aug 31, 2022Updated 3 years ago
- ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time☆11,231Mar 10, 2026Updated last week
- Feature.js is a fast, simple and lightweight browser feature detection library in 1kb.☆3,154Mar 3, 2023Updated 3 years ago
- A curated list of awesome framework-agnostic standalone web components☆1,463Mar 4, 2025Updated last year
- Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.☆706Nov 12, 2019Updated 6 years ago
- A+ animation module for the modern web☆5,957Jul 10, 2018Updated 7 years ago
- A suite of utilities to add more features to the <details> element.☆270Nov 7, 2023Updated 2 years ago
- Accessibility (A11Y) Style Guide☆550Oct 22, 2021Updated 4 years ago
- Finds the Above the Fold CSS for your page, and outputs it into a file☆1,697Oct 20, 2022Updated 3 years ago
- Detect element visibility in the browser☆1,879Sep 14, 2025Updated 6 months ago