11ty Conference is this week! 🔗
More on the 11ty Blog: Get your 11ty Conference 2024 Merch Bundle (Limited Edition) (2024 March 21) We want you to speak at the 11ty Conference! (2024 [...]
Zach Leatherman
Posts
Celebrate JavaScript Naked Day every year on April 24 🔗
Today my personal web site is being served sans-JavaScript in honor of JavaScript Naked Day. I implemented this on my web site using a global JS_ENABL [...]
Glitch Jams Live Ep. 16: Eleventy'ing 🔗
I was honored to be the very first guest to Glitch Jams Live! Glitch has always been a huge supporter of Eleventy—with a very prominent button to crea [...]
Get your 11ty Conference 2024 Merch Bundle (Limited Edition) 🔗
The 11ty International Symposium on Making Web Sites Real Good (Conference) is approaching fast on May 9, 2024 and 947 folks have already signed up fo [...]
Mechanical Ink: Unpacking the Challenges and Opportunities in Modern Web Development 🔗
In this episode of the Mechanical Ink podcast, host Schalk Neethling sits down with Zach Leatherman, the creator of #11ty (among other open-source too [...]
Elevating Video Transcripts as Searchable Content 🔗
I helped work on the Jamstack TV project (now dormant with the rest of the jamstack.org site, though the feature is still up), which used a lovely Alg [...]
Eight Million npm Downloads for Eleventy 🔗
Read on the Eleventy Blog: Eight Million npm Downloads for Eleventy [...]
Panel Discussion: What's next for Jamstack? 🔗
I really enjoyed this panel. Let’s save the Jamstack community! lite-youtube { max-width: 100% !important; background-size: [...]
hypercard Web Component 🔗
<hyper-card> is a web component that adds a three-dimensional hover effect to any arbitrary content. Full credit to this 3D card hover effect CodePen [...]
webcare-webshare Web Component 🔗
<webcare-webshare> is a web component that uses the Web Share API to share a web site, falling back (on desktop usually) to a copy to clipboard workfl [...]
throbber Web Component 🔗
<throb-ber> is a web component to add a little baby rainbow gradient overlay that shows until all of the images nested inside have finished loading. D [...]
Lessons learned moving Eleventy from CommonJS to ESM 🔗
This talk was given at TheJam.dev 2024. lite-youtube { max-width: 100% !important; background-size: cover; } /* Plugi [...]
carouscroll Web Component 🔗
<carou-scroll> is a zero-dependency web component to add next and previous buttons to a scrollable container. I use it to share exported Keynote slide [...]
The Good, The Bad, The Web Components 🔗
This post was created from a talk. You can watch this in video form at JSHeroes 2023. The humble component. The building block of modern web developme [...]
Join the 11ty International Symposium on Making Web Sites Real Good (it’s an 11ty Conference) 🔗
Update: Registration is now open! Join us! On May 9, 2024 (this year!) we’ll gather together our extremely-online community of webcraftspeople to shar [...]
TheJam.dev 2024 🔗
This is an event post. If you’d like to watch the talk, you can do so at: Lessons learned moving Eleventy from CommonJS to ESM. [...]
Exploring the Bounds of Jamstack on What the Jam 🔗
Welcome to a new episode of "What the Jam," the show that dives deep into the fascinating realm of Jamstack, bringing you face-to-face with its most i [...]
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 { max-width: 100% !important; background-size: cover; } /* Plugin bug: clicking the red youtube play icon in the center wou [...]
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 [...]