Discover zachleat/idea-book Open Source project

Stars
24
Rank 986,245 (Top 20 %)
Language
License
Creative Commons ...
Created over 7 years ago
Updated 12 months ago

zachleat

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

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

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

esm-import-transformer

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

JavaScript

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/idea-book

zachleat

Reviews

Repository Details

More Repositories