Discover zachleat/esm-import-transformer Open Source project

Stars
24
Rank 986,245 (Top 20 %)
Language
JavaScript
Created over 2 years ago
Updated 11 months ago

zachleat

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Change import URLs in JavaScript code using import maps. e.g. `import * from "before"` to `import * from "after"`

web-font-loading-recipes

A bunch of demos for different web font loading strategies. Companion to https://www.zachleat.com/web/comprehensive-webfonts/

HTML

1,057

speedlify

Benchmark the web performance and accessibility of sites over time.

JavaScript

923

BigText

jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.

JavaScript

886

fontfaceonload

A simple utility to execute a callback when a webfont loads.

JavaScript

372

table-saw

A small web component for responsive <table> elements.

HTML

312

details-utils

A suite of utilities to add more features to the <details> element.

JavaScript

258

browser-window

Used in demos as a way to fake a Safari-esque web browser window.

JavaScript

249

zachleat.com

zachleat.com is powered by Eleventy and WebC.

JavaScript

192

Humane-Dates

Show the difference between a date and now (4 days ago)

JavaScript

186

carouscroll

Add next/previous buttons to a horizontal scrollable container.

HTML

116

performance-leaderboard

A plugin to run Lighthouse against a set of urls to see which site is the fastest.

JavaScript

postcss-foft-classes

A postcss plugin to automatically add classes for various font loading strategies.

JavaScript

seven-minute-tabs

A minimal no-theme Tabs web component.

JavaScript

filter-container

Filtering visible child elements based on form field values.

HTML

video-radio-star

A lightweight web component helper for HTML5 videos.

HTML

font-family-reunion

Compatibility tables for default local fonts.

HTML

spider-pig

Get a list of local URL links from a root URL.

JavaScript

snow-fall

A web component to add snow to your web site (or to an element on your web site).

JavaScript

announcement-banner

An announcement banner web component.

HTML

speedlify-score

A web component that shows Lighthouse scores via Speedlify.

JavaScript

hypercard

Web component to add a three-dimensional hover effect to a card.

JavaScript

jQuery-Gravatar

Retrieve a gravatar image dynamically from any e-mail address.

JavaScript

squirminal

The squirminal is a fake antique terminal web component

HTML

bench-framework-markdown

A set of scripts to test markdown processing speeds in various site generators/frameworks

Shell

infinity-burger

A new kind of hamburger menu

JavaScript

queue-code

Allows you to “type” syntax highlighted source code for presentations and screencasts.

JavaScript

pagefind-search

A web component to search with Pagefind.

JavaScript

performance-leaderboard-pagespeed-insights

A plugin to run Lighthouse on Pagespeed Insights against a set of urls to see which site is the fastest.

JavaScript

idea-book

A public dump of ideas for side projects, for public upvoting/downvoting/commenting.

selecthor

A better way to test, learn, and demo CSS selectors

HTML

github-issue-to-json-file

Convert a well formed GitHub Issue Form populated Markdown body into a JSON data file in the repository.

JavaScript

JavaScript-Code-Katas

Let's practice our JavaScript testing.

JavaScript

webcare-webshare

JavaScript

f2em.com

A Front End Engineer's Manifesto

JavaScript

avatar-local-cache

Saves a image URL for an avatar to the local file system (and optimizes the image).

JavaScript

performance-sometime

Improving the web font rendering of the default Wordpress theme.

JavaScript

this-website-is-a-tech-talk

HTML

educational-sensational-inspirational-foundational

A website dedicated to a history of foundational web development blog posts.

CSS

heading-anchors

Adds and positions sibling anchor links for heading elements (h1–h6) when they have an `id` attribute.

JavaScript

throbber

A loading indicator overlay for images (and maybe other things later).

JavaScript

artificial-chart

An SVG charting library based on D3.js

JavaScript

gruntlerplate

A default grunt configuration for new projects.

JavaScript

ToolOrDie

A presentation on Web Developer Workflow.

HTML

ALARMd

Web based alarm clock

JavaScript

node-retrieve-globals

Execute a string of JavaScript using Node.js and return the global variable values and functions.

JavaScript

parity-purchasing-power-price

Web Component to show Parity Purchasing Power prices.

JavaScript

font-stats

Generates useful information about a font from a font file.

JavaScript

w3c-banners

A non-image based non-normative proposal for conformance of W3C status banners.

HTML

rainglow

A demo for 11tymeetup.dev

Nunjucks

css-tricks-font-loading

A case study of the font loading for css-tricks.com

HTML

iliveinomaha-banner

Retina friendly progressively enhanced banner for iliveinomaha.com

CSS

foitfout

A web font loading demo to showcase FOIT and FOUT behavior side by side.

JavaScript

async-css-loading

Test cases for asynchronous css loading

HTML

JsTestDriver-Boilerplate

Easy boilerplate for test driven JavaScript projects using the JsTestDriver tool.

Shell

Compatibility-Tests

HTML5 tests used for research for blog posts

BUSYNESS

This project is retired.

JavaScript

uniclode

Another Eleventy Serverless demo, select characters to form a Unicode Range

JavaScript

Raging-Netflix-Queue

RETIRED—A Google Chrome extension, provides a single click add to your Netflix queue while browsing the web.

JavaScript

fundraising-status

Web component to show the current status of a fundraiser.

HTML

a-single-html-file

I am a single HTML file.

HTML

noop

A minimal module to test importing in other tools.

JavaScript

a11y-tests

A series of small atomic tests used to compare accessibility linting tools.

HTML

eleventy-components

unicode-range-interchange

Do math on Unicode Ranges for web fonts.

JavaScript

twitter-avatar-url

Find a twitter avatar image url from a twitter username.

JavaScript

demo-cloudcannon-image-optimization

JavaScript

netlify-kasa-build-status

A little script to update my lights with the status of a Netlify build

JavaScript

browser-logo-icon-set

A multi-color vector icon set (grunticon generated) of browser logos

HTML

DOM-Sailbloat

Find the bloat in your document using this Firebug Lite plugin.

JavaScript

rawhyde

A boilerplate for the Jekyll/Grunt/Buttsweater combination used on zachleat.com and nebraskajs.com.

JavaScript

Firebug-Code-Coverage

Retired source code for an old JavaScript Code Coverage plugin for Firebug.

JavaScript

tweetback-zachleat

HTML

Snapper

JavaScript

demo-eleventy-base-blog

Just testing GitHub templates

HTML

myspacebook

It’s out of this world.

JavaScript

Parlour

A full screen photo gallery with flickr integration.

JavaScript

package-zachleat

Meta package for Zach Leatherman

JavaScript

eleventy-sample-css-manager

Sample created for https://twitter.com/jaffathecake/status/1153759414765203463

JavaScript

gif-party

JavaScript

edge-redirects-test

HTML

zachleat

I AM A ✨ SPECIAL ✨ REPOSITORY

space-jam

HTML

reverse-proxy-test

HTML

zachleat/esm-import-transformer

zachleat

Reviews

Repository Details

More Repositories