TheJam.dev 2024 🔗
This is an event post. The talk content will be linked here when it is available. [...]
Zach Leatherman
Posts
In Case You Missed It: 2023 🔗
Series: 2023, 2022, 2017, 2016, 2015, 2014, 2013 2023 has been one hell-for-leather roller coaster of a year. Down for the count # In la [...]
Building a multi-language Taylor Swift fan site (10 Minute Version) (Zach's Version) 🔗
.lite-youtube-link { --ellipsis-lines: 2; margin-top: 0.5em; /* 8px /16 */ background: url(https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fyoutub [...]
Netlify’s Disingenuous Survey-based Attack on Next.js (and Eleventy, too) 🔗
As Netlify distances itself from Jamstack in an attempt to survive a VC-funded battle with Vercel, they have also rebranded the Jamstack Community Sur [...]
Eleventy v3 with ESM support now on the canary channel 🔗
The very first Eleventy v3 alpha release is out in the wild and you can try it out on your web site. The two big flagship features (so far) are ESM su [...]
snow-fall Web Component 🔗
<snow-fall> is a zero-dependency, JavaScript web component to add snow to your web site (or to an element on your web site). This is a web component i [...]
One YouTube Embed weighs almost 1.2 MB 🔗
The default YouTube embed is… well… atrocious (sorry). Consider an embed for this sample video: 1149 kB total weight, including: 971 kB JavaScript 61 [...]
is-land Web Component 🔗
This web component originally shipped May 2022 but was conspicuously missing from my web site. <is-land> enables Islands Architecture* on any web site [...]
pagefind-search Web Component 🔗
I’m a huge fan of Pagefind, the fully static search engine. The super cool thing about Pagefind is that it does not require an application server—you [...]
Live Editing an Eleventy Project in CloudCannon with Bookshop 🔗
.lite-youtube-link { --ellipsis-lines: 2; margin-top: 0.5em; /* 8px /16 */ background: url(https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fyoutub [...]
W3C Banner Web Component 🔗
In 2014 I made a fake W3C Specification Status Banner component. It’s now a web component instead. Web components are fun and I’m having fun. Demo Cod [...]
Static Feedback #11: All about Eleventy 🔗
.lite-youtube-link { --ellipsis-lines: 2; margin-top: 0.5em; /* 8px /16 */ background: url(https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fyoutub [...]
The Tension and Future of Jamstack 🔗
At the Jamstack ZHUZH, we had a lovely panel discussion on the current and future status of the Jamstack ecosystem. Some stakeholders and detractors h [...]
The Infinity Hamburger Menu, now in Web Component form 🔗
A whimsical hamburger menu* that goes on forever. *Not actually a functioning menu. First open sourced in 2015 as a vanilla not-web-component and insp [...]
An Attempted Taxonomy of Web Components 🔗
As my experience with web components grows, my personal view of how to build a web component is also evolving. In some cases I’ve gone back and refact [...]
A New Technique for Image Optimization: SVG Short Circuiting 🔗
Working on an Image Optimization tutorial for CloudCannon (using Eleventy), I stumbled into what I think is a neat little trick for automated image op [...]
The Commit that Updated a Thousand Demos 🔗
CloudCannon launched a new feature today called Site Mounting and I’m very excited about it. I put together a quick video demoing the feature, which I [...]
A new Eleventy mascot from David Neal! 🔗
Read on the Eleventy Blog: A new Eleventy mascot from David Neal! [...]
The Squirminal Web Component 🔗
A lightweight structural-only zero-dependency web component to progressively animate to reveal HTML content. I believe the name came from an awkward p [...]
browser-window Web Component 🔗
A lightweight themed zero-dependency web component wrapper to emulate a Safari-esque browser window for demos and presentations. Demo Repository Origi [...]