Zach Leatherman

How we use GitHub Issues (on 11ty) and how that’s Changing

Copy *and* Paste? …in this Economy?

Astute visitors to the Eleventy Documentation will notice something new on the code blocks on the site. #demo-fa-copy-button { wa-copy-button { line-height: 1; vertical-align: text-bottom; } w...

Permanent Facepile Credit to Individuals Supporting Eleventy

Every single page of the 11ty.dev Docs has a facepile in the footer, populated (automatically) by our Open Collective supporters list. Historically, to be a...

Wrapper Elements around Code Blocks in Markdown

I encountered a surprising (to me) edge-case bug with Markdown code blocks in the markdown-it plugin today that I thought was worth sharing! Consider this sample index.md template with...

StarCraft II is still great.

StarCraft II was first released in 2010 and it’s still amazing: Free-to-play (since 2017) It’s an old game so it works on a wide variety of hardware and software. Great tutorial play that trains n...

I want to intercept Boolean Coercion for Objects in JavaScript

MDN takes a strong stance against using new with Boolean: …all objects, including a Boolean object whose wrapped value is false, are truthy and evaluate to true in places such as conditional...

How We Built Web Awesome with 11ty (and Why It’s So Fast)

lite-youtube { max-width: 100% !important; background-size: cover; } /* Plugin bug: clicking the red youtube play icon in the c...

A tiny bit-o-CSS for Stable Scrollbar Gutters

I have my operating system configured to use visible scrollbars, a feature prominently elevated in macOS’ System Settings high enough that it would seem to imply some level of common usage (even th...

A note from my late Grandmother about Eleventy

Our basement flooded this week, so I’ve been cleaning up the mess. In that process, I found a 22-year-old letter from my grandmother (who passed away Christmas 2023) to my mom that had a little El...

One weird trick to reduce Eleventy Image Build Times by 60%

This web site does a fair bit of build-time Image Optimization using the HTML Transform method provided by the Eleventy Image plugin. I took a bit of a set-it-and-forget-it approach with the plu...