Skip to ContentArchives
- 2022
×12 - Eleventy: Build vs. Serverless vs. Edge Speaking21 min Video🔥 #8📢 70
- Semverflation: a new software metric proposal 📢 3
- Coding Design Systems episode 11: Design Systems with 11ty Speaking
JS Party Episode #217: Going full-time on Eleventy Speaking- Speedy Screenshots, or How I Improved the Robustness of the Screenshot Service 📢 11
Full Time Open Source Development for Eleventy, sponsored by Netlify Speaking2 min Video📢 2- Add Responsive-Friendly Enhancements to <details> with <details-utils> Project🔥 #3📢 151
- Migrating my 16+ year old web site to Netlify in a few short days 📢 34
- Back to the Facepile, Featherweight Edition 📢 24
- Trailing Slashes on URLs: Contentious or Settled? 🔥 #1📢 240
- CSS-only External Link Favicons Project🔥 #14📢 96
Eleventy v1.0.0, the stable release. 📢 5- 2021
×45
The Eleventy API Explorer Project📢 28
Mix and Match Template Syntax in Eleventy using the Render Plugin Project- How to add Authentication to your Eleventy Site ProjectSpeaking7 min Video📢 52
- Recycling Open Graph Images for display on my Web Site Project📢 36
A New Eleventy Mascot from Geri Coady - The Art of Deception, Lighthouse Score Edition 🔥 #7📢 119
- Who Pays for Web Frameworks? 📢 317
- The State of Eleventy (2021) in Two Minutes Speaking2 min Video📢 3
The 11ties: 11 Minute Talks about 11ty on 11/11
Shout out to Jamstack Conf 2021 Jammies Award Winners
The Very First Eleventy 1.0 Beta Release 📢 3
Jamstack Community Survey 2021 Results - IndieWeb Avatar, yet another Eleventy Image Service API Project📢 61
- Every Fire Needs a Sparkline Project📢 22
Two Million npm Downloads for Eleventy - Vector? Raster? Why Not Both! 🔥 #6📢 213
- Fire SVG animations (SMIL) when the SVG is visible 🔥 #15📢 91
- If I work really hard on my Open Graph Images, People will share my Blog Posts 🔥 #17📢 155
- Building an Automated Screenshot Service on Netlify in ~140 Lines of Code Project🔥 #19📢 86
- Uniclode: yet another demo of Eleventy Serverless Web FontsProject📢 22
- Eleventy Serverless, a talk video from
The Eleventy Meetup Speaking43 min Video - Rainglow: a demo of Eleventy Serverless Project📢 34
Inaugural
Eleventy Meetup: Hello World (a talk about Eleventy Serverless) Speakingon July 15- Some Antics with
Ben Myers: A First Look at Eleventy Serverless! Speaking73 min Video📢 27 - Eleventy Serverless (
Eleventy Cloud) Thus Far 📢 95 - Defer generating 400+ pages using Eleventy Cloud and On-demand Builders Speaking8 min Video📢 15
- How and Why I Removed 3000 Images from the Eleventy Docs Build Speaking4 min Video📢 1
- Powering Netlify’s Community Events with Structured Content (and a preview of Eleventy Cloud) Speaking23 min Video📢 9
Content is Data—Sanity Open House Speakingon March 25- Image Ready v2—Developer Experience @ Eleventy Speaking22 min Video📢 33
- A Pandemic By Any Other Name 📢 48

Built IT Better: Architecture feat.
Jason Lengstorf and
Zach Leatherman Speaking58 min Video- Queue Code—“Live” Code without Errors Project📢 54
- Unicode Range Interchange Web FontsProject📢 18
- This Web Site is a Tech Talk Speaking45 min Video📢 196
Join the Eleventy Super Professional Business Network - Jamstack 101: Getting Started with Eleventy, presented by
Agility CMS Speaking73 min Video - Barebones CSS for Fluid Images Research🔥 #10📢 240
- Don’t Shut Down Your Business! Instead Use Eleventy Image Project🔥 #20📢 164
- <video-radio-star> Web Component Project
- <seven-minute-tabs> Web Component Project
- A little collection of theme-less Web Components Project📢 39
- <filter-container> Web Component Project📢 19
- <announcement-banner> Web Component Project
Images at
Jamstack Toronto Speakingon January 20- 2020
×21 - Ruthlessly Eliminating Layout Shift on netlify.com 📢 159
SmashingConf Austin 2020 Speakingon October 13- The State of Eleventy (2020) in Two Minutes Speaking2 min Video
Eleventy and Vue, a match made to power Netlify.com - Eleventy Leaderboards v2 via
Speedlify Project📢 55
Cloudflare’s Creative Corner with the
Netlify team Speaking- Netlify’s Merry Band of 1 Million Developers 📢 14
- Bulk Generating OG Images 📢 64
- The Lighthouse Scores Will Continue Until Morale Improves Project📢 27
- I added Lighthouse Scores to my Site’s Footer and You Can Too Project🔥 #13📢 265
- Use
Speedlify to Continuously Measure Site Performance Project🔥 #9📢 491 - Résumé/CV on the Jamstack 📢 55
- CSS Naked Day 📢 3
- Eleventy’s New Performance Leaderboard 📢 54
- My Favorite Typinator Macros 📢 2
- Eleventy Crash Course with Nick and Zach—NebraskaJS Omaha Speaking
- Speaker Spotlight: a chat with Vitaly Friedman Web FontsSpeaking19 min Video
- Now Deploying to
Netlify 📢 34 - A Love Letter to
Filament Group 📢 123 - Let’s Learn Eleventy! on
Learn with Jason Speakingon Jan 792 min Video
Eleventy Crash Course with Nick and Zach—NebraskaJS Omaha Speakingon Jan 7- 2019
×36 - The Origin Story of Container Queries Research📢 132
- Building Exclusive Features For Open Collective Contributors on Netlify Project📢 22
Shop Talk Show #390: Eleventy with Zach Leatherman Speaking62 min Audio
Eleventy Documentation has moved to 11ty.dev
HTTP Archive’s Web Almanac 2019—Web Fonts Edition Web FontsResearch- Own Your Content on Social Media Using the IndieWeb Speaking📢 130
- Making a PWA out of the 1996 Space Jam Web Site Speaking📢 14
- A look back at NEJS CONF, 2015–2019 NEJS CONFSpeaking📢 74
JAMstack_conf_sf 2019 Speakingon October 16–18- I’m Taking Ownership of My Tweets Project📢 39
Two Browsers Walked Into a Scrollbar Research- A Featherweight Facepile Project📢 35
NEJS CONF 2019 NEJS CONFon August 9- Reactions to: An Honest Conversation About Burnout on JSParty 📢 24
- Bridgy for Webmentions with Brotli 📢 4
- Developing a Robust Font Loading Strategy for CSS-Tricks Web FontsResearch🔥 #12📢 142
- Week Notes №3 ending 14 Jun 2019
- Smashing TV: The Five Whys of Web Font Loading Performance Web FontsSpeakingon June 13
Spicy fonts and static sites 🌶️—JS Party Episode #79 Web FontsSpeaking67 min Audio- The Crushing Weight of the Facepile 📢 63
- Week Notes №2 ending 7 June 2019
- Render Snarky Comments in Comic Sans 📢 227
- Week Notes №1 ending 24 May 2019
- The Co-opetition of Team Web 📢 34
- font-display is Incompatible with Icon Fonts Web Fonts📢 108
Web Engineering Düsseldorf Web FontsSpeakingon May 16- The Scoville Scale of Web Font Loading Opinions Web FontsSpeaking📢 30
beyond tellerrand—Düsseldorf Speakingon May 13–15- Google Fonts is Adding font-display 🎉 Web Fonts🔥 #5📢 121
NebraskaJS Omaha Speakingon May 7- Navigate directly to a GitHub Issue
Eleventy Quick Tip №8: Trigger a Netlify Build Every Day with IFTTT
Eleventy Quick Tip №7: Fetch GitHub Stargazers Count (and More) at Build Time - Download a Twitter User’s Profile Image
Build your own Blog from Scratch using Eleventy - Get all Font Sizes in use on a Web Page
- 2018
×30
Working Draft Podcast: On Tour @ #perfnow 5/6 Web FontsSpeaking21 min Audio- Don’t Stop Learning
Frameworks 📢 54
Should I Use JavaScript to Load My Web Fonts? Web FontsResearch- Happy Birthday Eleventy! 🎉 📢 10
- The Five Whys of Web Font Loading Performance Web FontsSpeaking46 min Video📢 4
performance.now(); the Web Performance Conference Speakingon November 8–9- A Group of Web Font Repaints is called a Michael Serif Web Fonts
- The Problem with font-display and Reflow Web Fonts📢 30
- The Font Loading Checklist Web Fonts🔥 #11📢 17
- TalkScript Episode #14 NEJS CONFSpeaking34 min Audio
- Concatenate Conference Speakingon August 10–11
NEJS CONF 2018 NEJS CONFon July 27- The Life Expectancy of Digital Content
- The Simplest Web Site That Could Possibly Work Well NEJS CONF
- Obnoxiously Readable Responsive Text with Viewport Units Web Fonts
- preload with font-display: optional is an Anti-pattern Web Fonts📢 34
- Import your Disqus Comments to Eleventy 📢 4
- “The Compromise”—a Modern but Compatible Font Loading Strategy Web Fonts📢 39
- Passing the Lead NebraskaJS Organizer Baton
- Google Open Source Award for Eleventy
- imaging-heap, Measuring Responsive Image Efficiency Project
- It’s Dangerous to Go Stallone. Take Glyphhanger Web FontsProject📢 7
- “A letter about Google AMP”
Web Fonts are ▢▢▢ Rocket Science Web FontsSpeaking47 min Video- Introducing Eleventy, a new Static Site Generator Project
SmashingConf London 2018 Speakingon February 7- Making a Simple Web Site with the Simplest Static Site Generator, Level 2—Adding Filters 📢 1
- Making a Simple Web Site with the Simplest Static Site Generator, Level 1 📢 1
- spider-pig Searches for Nodes that match a CSS Selector Project📢 9
- Airing Out 2017’s Dirty Laundry
- 2017
×23 - 23 Minutes of Work for Better Font Loading Web Fonts📢 48
NebraskaJS Omaha Speakingon November 14- Managing Font Loading CSS Was Painful—Not Anymore Web FontsProject
- A Collection of Web Font Loading Recipes Web FontsProjectResearch📢 1
- FOIT vs. FOUT, a Side by Side Comparison Web FontsProject📢 6
- A Historical Look at FOUT and FOIT Web Fonts📢 111
Web Standards Podcast #85 Web FontsSpeaking86 min Audio
CSS-Minsk-JS Speakingon September 10- The Ten Twitter Commandments Speaking
- The Web Font Loading Glossary Web Fonts📢 4
- I made a style guide for my personal web site and you should too. 📢 3
NEJS CONF 2017 NEJS CONFon July 21- Font Aliasing, or How to Rename a Font in CSS Research📢 12
- Laissez-faire Font Smoothing and Anti-aliasing Research📢 14
- Quick Demo: Animating on an Oval Path 📢 2
- Wait, WebP is actually worth it. Research📢 10
- What Are You Excited About? Speaking
- Selecthor: A Better way to Learn and Demo CSS Selectors Project📢 6
- Randsom: A Random Web Fonts Ransom Note Project📢 2
- Bernie Tweets Project
CSS-Tricks Video Screencasts #152: Font Loading Speaking57 min Video
Shop Talk Show #247: The Performance Equation Speaking72 min Audio- In Case You Missed It: 2016
- 2016
×17 - No @font-face Syntax will ever be Bulletproof, Nor Should It Be. Web Fonts
- faux-pas, Detecting Faux Web Font Rendering Project
- Lazy Loading Web Fonts Is Probably Not What You Want Web Fonts📢 6
- Separating Fact from Fiction on the Internet Speaking
I Wanted to Type a Number Research
NEJS CONF 2016 Recap NEJS CONFon August 26- Beyond Code #4 at NEJS CONF 2015 Speaking3 min Video
- A Comprehensive Guide to Font Loading Strategies Web Fonts🔥 #2📢 287
CSS Position Sticky Speaking10 min Video- Web Fonts for President 2016 Web Fonts🔥 #18📢 10
- The Web Fonts: Preloaded Web FontsResearch🔥 #16📢 13
- Trying out a new Font Stack 📢 1
- Web Font Anti-pattern: Data URIs Web FontsResearch📢 18
A Versatile 2KB of JS Speaking25 min Video- A Story About Proxy Filters
- Critical Web Fonts Web FontsResearch📢 6
- In Case You Missed It: 2015
- 2015
×19 - The Infinity Hamburger Menu Project📢 1
- Using Custom Fonts Responsibly, an Akamai Animated Short Web FontsSpeaking5 min Video
- Frameworks, not Blameworks
- A Brief History of that Time You Used Web Fonts—SmashingConf Barcelona Web FontsSpeaking48 min Video
- The Performance and Usability of Web Fonts—Velocity New York City Web FontsSpeaking42 min Video📢 2
Filament Group is Agency of the Year at Net Awards - A Hypocrite’s Guide to Public Speaking Speaking17 min Video📢 7
Changelog #166, NEJS CONF 2015 NEJS CONFSpeaking69 min Audio
NEJS CONF 2015 Recap NEJS CONFon August 7- Smashing Book #5 Web Fonts
- The Mitt Romney Web Font Problem Web FontsResearch📢 12
- The Performance and Usability of Font Loading—Velocity Santa Clara Web FontsSpeaking39 min Video📢 1
- Tech Meetup at the White House Speaking3 min Video📢 6
- Compatibility Tables Compendium 📢 9
- Better @font-face with Font Load Events—SmashingConf Whistler Web FontsSpeaking48 min Video
- Flash of Faux Text—still more on Font Loading Web FontsResearch📢 3
- Performance and Responsive Web Design (2015) Speaking67 min Video
How we use web fonts responsibly, or, avoiding a @font-face-palm Web FontsResearch- In Case You Missed It: 2014
- 2014
×14 - The Making of fontfamily.io Web FontsSpeaking19 min Video
- word-break Podcast #1 Speaking49 min Audio
WOFF2 See the Wizard, a Wonderful JavaScript Feature Test Web FontsProject- A Font Family Reunion Web FontsProject📢 12
Better @font-face with Font Load Events on Dev.Opera Web FontsResearch- The Perfect GIF Speaking12 min Video📢 7
- W3C Status Banners Project📢 2
Tablesaw: A Flexible Tool for Responsive Tables Project- A Frugal and Simple Guide to Putting Lights on your Bike 📢 1
Pastry Box: Impostor Syndrome - Bulletproof Icon Fonts—CSSConf Web FontsSpeaking26 min Video
Politespace, an unobtrusive alternative to input masks Project
Bulletproof Accessible Icon Fonts Web FontsProjectResearch- A Few Retired Projects Project
- 2013
×12 - In Case You Missed It: 2013 📢 3
- Domain Swap: A Google Chrome Extension Project
- The Elusive :target Feature Test Research📢 2
- Impostor Syndrome Speaking7 min Video📢 8
- A Nodecopter Informercial (at HOW Conf)
- A Sliver of What I Learned at JSConf 2013
- You Should Follow Fewer People on Twitter Project📢 3
- Performance and Responsive Web Design (2013) Speaking61 min Video📢 5
- zachleat.com is Dead, Long Live zachleat.com 📢 40
- Tool or Die, a Web Developer’s Workflow Speaking59 min Video📢 16
- Side Projects (at Awesome Camp)
- A Web Developer Fumbling with Social Media 📢 12
- 2012
×6 - SocialCount, Faster & Lighter Social Networking Widgets Project
Performance in Responsive Web Design (2012) - A Front End Engineer’s Manifesto ProjectSpeaking📢 12
- CSS3 Job Transition 📢 3
- Let’s get parseIntimate. Project
- Placeholder Title for Article about HTML5 Placeholders Research📢 11
- 2011
×11 - Deferreds and a Better Geolocation API 📢 3
- A Mobile Web Divided 📢 2
- Progressive Enhancement (at jQuery Omaha)
- FitText + BigText: A Tale of Two Plugins Web Fonts📢 6
- Pragmatic Progressive Enhancement 📢 1
- HTML5 vs. Native Applications, The Presentation 📢 7
- Raging Netflix Queue, a Google Chrome Extension Project📢 8
- The JavaScript Testing Challenge Winner 📢 3
- Et tu, X-UA-Compatible? Research📢 3
- BigText Makes Text Big Web FontsProject🔥 #4📢 73
- An Update to The JavaScript Testing Challenge
- 2010
×12 - The JavaScript Testing Challenge Speaking5 min Video📢 8
- Faking Onload for Link Elements Research📢 3
- ALARMd is now on Github 📢 4
- Maiden Voyage of the DOM Sailbloat Project📢 1
- A Race Against Time Pickers 📢 1
- Point, Charset, Match: Character Encoding in JavaScript Web FontsResearch📢 1
- Internet Explorer Array.sort Unreliable Research📢 13
- If the Menu Fitts, We Must Acquit 📢 8
- CSS 3 Text: A Tale of writing-mode Woe Web FontsResearch📢 3
- Trash that “Back to Top” Link 📢 8
- The 24 Clock on ALARMd 📢 3
- DIY Webdings—CSS Sprites using @font-face Web FontsResearch📢 19
- 2009
×9 - Don’t Give Up on Internet Explorer Yet 📢 3
- Device Independence on the Open Web 📢 3
- Quick Performance Tip: jQuery and addClass 📢 2
- Adobe Reverts Flex Store to Open Web
- Performance Caveat with jQuery Selectors and Live Events Research📢 14
- Jonathan Sharp at The Ajax Experience
- ALARMd Unix Time Format for 1234567890 Day
- Registration Forms Suck, Let’s Mitigate Suckiness 📢 4
- Scare Your Visitors with this JavaScript Gravatar Plugin Project📢 6
- 2008
×25 - DOMContentLoaded Inconsistencies (in Browsers and JavaScript Libraries) Research📢 1
- jQuery Bug: IE reports incorrect $.browser.version 📢 3
- Dear IE6: Please Cache my Images. Research📢 3
- Relative URLs including the Domain 📢 2
- ALARMd is a Google Code Project
- Fight Registrastination. Register to vote! Project
- Writing a Front End Engineer’s Resume (or CV) 📢 6
- Emulating onhashchange without setInterval Research📢 5
- Double Whammy: OpenID and Microformats
- Selecting XML Nodes with JavaScript, or the Peril of getElementsByTagName Research📢 8
- Javascript Objects are NOT JSON 📢 3
- Surnamespacing 📢 3
- Don’t Let the Door Hit You Onunload and Onbeforeunload Research📢 10
- Forgive My Feed
- Rethinking JavaScript Grids and DataTables 📢 1
- ALARMd 2 Beta, with Google Calendar Integration Project📢 12
- 20000 Leagues Under the API: YouTube JavaScript
- Code Like the Big Boys: Flickr 📢 3
- Tips for Programming JavaScript Functions 📢 1
- Architecture Choices: Callbacks and Events in JavaScript
- Yet Another Pretty Date JavaScript Project📢 25
- Minor Annoyances with Firefox Development
- Specific Inheritance with TIBCO’s General Interface 📢 3
- PHP Pretty Date Project📢 6
- Online Movie Rental Review – Amazon Unbox 📢 4
- 2007
×47 - Quine using XHTML and JavaScript
- Faster YUI DataTable with 5 Lines of Code 📢 1
- Problems with Looping through window.setInterval 📢 2
- enterval, an automatic setInterval chainer. Project
- Speed up Including Google Analytics
- Obscurity, Security, and Captcha 📢 1
- Forward Compatibility and JavaScript
- Nursery Rhyme Code Poem [CSS] 📢 1
- Nursery Rhyme Code Poem [PHP]
- Nursery Rhyme Code Poem [JavaScript] 📢 1
- Write More Efficient Javascript in YUI with CSS Selectors Project
- Cross Domain XHR with Firefox 2 📢 18
- Namespacing outside of the YAHOO Namespace 📢 8
- Enlarging your YUI DataTable in 29 Seconds or Less! 📢 3
- ALARMd now supports URLs
- maLArquee, Bringing Back the Marquee Project📢 4
- Using Phing to automate JavaScript and CSS Minimization 📢 3
- YUI Code Review: YAHOO.namespace 📢 3
- Using DOM Query Libraries in YUI 📢 3
- 8 Things the YUI Library Needs to Win Me Back 📢 7
- What Sound Does a Cow Make? MooTools. 📢 1
- 20/20 Hindsight, a Look Back at ALARMd 📢 2
- JavaScript Frameworks and JSF 📢 6
- DOMDom, easy DOM Element Creation Project📢 9
- Wake up to YouTube on my Internet Alarm Clock Project📢 23
- Enlarging your YUI DataTable in 30 Seconds or Less! 📢 7
- Screen Readers and Listening at the Speed of Sound
- Wash your mouth out with SOAP and the YUI Connection Manager 📢 3
- YUI DataTable and You: Making the Marriage Work 📢 7
- I-Frame Shims or How I Learned to Stop Worrying and Love the Bomb 📢 8
- JavaScript Code Coverage Tool for Firebug Project📢 18
- Google Using YUI Grids CSS 📢 9
- Problems with YUI DataTable 📢 28
- YUI Button Lite
- Logical XOR in JavaScript Project📢 2
- Conservative Design Example: Hierarchical Options
- Fundamental Problem with YUI Button 📢 1
- OMG SOA
- Conservative Design Example: Multiple Option List
- Conservative Design: Command Line Interface
- Namespaces in Ext DomQuery
- Beaten to the Spiked Punch
- Conservative Design: Option List
- Conservative Design Patterns for Form Elements 📢 3
- Conservative Design: Hierarchical Select 📢 1
- Screen Printing, Fake Interfaces Part 1
- Checklist for Web Applications 📢 49