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/speedlify
Benchmark the web performance and accessibility of sites over time.
zachleat/glyphhanger
Your web font utility belt. It can subset web fonts. It can find unicode-ranges for you automatically. It makes julienne fries.
zachleat/fontfaceonload
A simple utility to execute a callback when a webfont loads.
zachleat/table-saw
A small web component for responsive <table> elements.
zachleat/browser-window
Used in demos as a way to fake a Safari-esque web browser window.
zachleat/zachleat.com
zachleat.com is powered by Eleventy and WebC.
zachleat/carouscroll
Add next/previous buttons to a horizontal scrollable container.
zachleat/performance-leaderboard
A plugin to run Lighthouse against a set of urls to see which site is the fastest.
zachleat/seven-minute-tabs
A minimal no-theme Tabs web component.
zachleat/filter-container
Filtering visible child elements based on form field values.
zachleat/snow-fall
A web component to add snow to your web site (or to an element on your web site).
zachleat/spider-pig
Get a list of local URL links from a root URL.
zachleat/announcement-banner
An announcement banner web component.
zachleat/speedlify-score
A web component that shows Lighthouse scores via Speedlify.
zachleat/hypercard
Web component to add a three-dimensional hover effect to a card.
zachleat/squirminal
The squirminal is a fake antique terminal web component
zachleat/infinity-burger
A new kind of hamburger menu
zachleat/pagefind-search
A web component to search with Pagefind.
zachleat/esm-import-transformer
Change import URLs in JavaScript code using import maps. e.g. `import * from "before"` to `import * from "after"`
zachleat/idea-book
A public dump of ideas for side projects, for public upvoting/downvoting/commenting.
zachleat/educational-sensational-inspirational-foundational
A website dedicated to a history of foundational web development blog posts.
zachleat/webcare-webshare
zachleat/throbber
A loading indicator overlay for images (and maybe other things later).
zachleat/node-retrieve-globals
Execute a string of JavaScript using Node.js and return the global variable values and functions.
zachleat/w3c-banners
A non-image based non-normative proposal for conformance of W3C status banners.
zachleat/lite-youtube-embed
A faster youtube embed.
zachleat/demo-cloudcannon-image-optimization
zachleat/package-zachleat
Meta package for Zach Leatherman
zachleat/jamstack.org
The official Jamstack site
zachleat/view-horse
A web development microblog