Pinned Repositories
eleventy
A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
BigText
jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.
browser-window
Used in demos as a way to fake a Safari-esque web browser window.
details-utils
A suite of utilities to add more features to the <details> element.
fontfaceonload
A simple utility to execute a callback when a webfont loads.
glyphhanger
Your web font utility belt. It can subset web fonts. It can find unicode-ranges for you automatically. It makes julienne fries.
speedlify
Benchmark the web performance and accessibility of sites over time.
table-saw
A small web component for responsive <table> elements.
web-font-loading-recipes
A bunch of demos for different web font loading strategies. Companion to https://www.zachleat.com/web/comprehensive-webfonts/
zachleat.com
zachleat.com is powered by Eleventy and WebC.
zachleat's Repositories
zachleat/web-font-loading-recipes
A bunch of demos for different web font loading strategies. Companion to https://www.zachleat.com/web/comprehensive-webfonts/
zachleat/details-utils
A suite of utilities to add more features to the <details> element.
zachleat/video-radio-star
A lightweight web component helper for HTML5 videos.
zachleat/flex-luthor
A small CSS-only wrapper library to help with responsive intrinsic-sized Flexbox layouts that wrap based on content and container width and avoiding viewport-based media queries.
zachleat/announcement-banner
An announcement banner web component.
zachleat/resizeasaurus
A web component to add resizing behavior to test intrinsically sized responsive components.
zachleat/queue-code
Allows you to “type” syntax highlighted source code for presentations and screencasts.
zachleat/performance-leaderboard-pagespeed-insights
A plugin to run Lighthouse on Pagespeed Insights against a set of urls to see which site is the fastest.
zachleat/github-issue-to-json-file
Convert a well formed GitHub Issue Form populated Markdown body into a JSON data file in the repository.
zachleat/avatar-local-cache
Saves a image URL for an avatar to the local file system (and optimizes the image).
zachleat/artificial-chart
An SVG charting library based on D3.js
zachleat/ToolOrDie
A presentation on Web Developer Workflow.
zachleat/parity-purchasing-power-price
Web Component to show Parity Purchasing Power prices.
zachleat/rainglow
A demo for 11tymeetup.dev
zachleat/async-css-loading
Test cases for asynchronous css loading
zachleat/uniclode
Another Eleventy Serverless demo, select characters to form a Unicode Range
zachleat/demo-cloudcannon-image-optimization
zachleat/noop
A minimal module to test importing in other tools.
zachleat/twitter-avatar-url
Find a twitter avatar image url from a twitter username.
zachleat/unicode-range-interchange
Do math on Unicode Ranges for web fonts.
zachleat/tweetback-zachleat
zachleat/actions-eleventy
GitHub Action for generating a static website with Eleventy
zachleat/edge-redirects-test
zachleat/simpleA11Y
Making #A11Y tips and tricks easier to digest and leveraging the community into the cloud.
zachleat/browser-compat-data
This repository contains compatibility data for Web technologies as displayed on MDN
zachleat/eleventy-issue-2235
zachleat/jamstack.org
The official Jamstack site
zachleat/the-claw-webring
The Claw Webring
zachleat/trailing-slash-guide
Understand and fix your static website trailing slash issues!
zachleat/unpic-img
Multi-framework responsive image component