Zach’s ugly mug (his face) Zach Leat­herman

Archives

Search · Popular Posts
479 posts 
    1. 2026 ×17 Sparkline representing frequency of posts written by month in 2026
    2. “AI, make the website good” #1 3841
    3. <icon-fall> Web Component #3 829
    4. <table-of-contents> Web Component #6 111
    5. <solar-eclipse-toggle> Web Component (two state dark/light mode toggle) #4 715
    6. Trying out a Two-state Dark Mode Toggle 1
    7. I was tired of building 474 separate pages for Open Graph Images #8 1129
    8. Use Speedlify2 to Continuously Measure Website Performance #11 1213
    9. Am I neglecting my open source projects? 13
    10. Back Build Awesome Pro and make it easier to build for the web! IndieWeb Avatar for https://www.11ty.dev/blog/build-awesome-pro/
    11. Collaborative Editing as Progressive Enhancement IndieWeb Avatar for https://www.11ty.dev/blog/collaborative-editing/
    12. State of the Browser (2026) It’s 10PM: Do You Know Where Your JavaScript Is?Talk IndieWeb Avatar for https://2026.stateofthebrowser.com/ 53 min 1
    13. AMA about Build Awesome, an Open Town Hall at the 11ty Meetup IndieWeb Avatar for https://www.11tymeetup.dev/ 44 min
    14. Eleventy is now Build Awesome IndieWeb Avatar for https://www.11ty.dev/blog/build-awesome/
    15. Speaking at: State of the Browser (2026) IndieWeb Avatar for https://2026.stateofthebrowser.com/ 2
    16. An Official* Logo for HTML 1k 2232
    17. How Eleventy Survived: Funding, Growth, and Open Source Reality IndieWeb Avatar for https://www.podcastawesome.com/2092855/episodes/18615318-how-eleventy-survived-funding-growth-and-open-source-reality 29 min
    18. Eleventy, 2025 in Review IndieWeb Avatar for https://www.11ty.dev/blog/review-2025/
    1. 2025 ×21 Sparkline representing frequency of posts written by month in 2025
    2. No more tokens! Locking down npm Publish Workflows #163k 33
    3. How to Hallucinate using Web Components 15
    4. How we use GitHub Issues (on 11ty) and how that’s Changing IndieWeb Avatar for https://www.11ty.dev/blog/github-issues/
    5. Copy *and* Paste? …in this Economy? 5
    6. Permanent Facepile Credit to Individuals Supporting Eleventy 47
    7. Wrapper Elements around Code Blocks in Markdown 12
    8. StarCraft II is still great. 2
    9. I want to intercept Boolean Coercion for Objects in JavaScript 1k 46
    10. How We Built Web Awesome with 11ty (and Why It’s So Fast) IndieWeb Avatar for https://www.podcastawesome.com/2092855/episodes/17268471-how-we-built-web-awesome-with-11ty-and-why-it-s-so-fast 35 min
    11. A tiny bit-o-CSS for Stable Scrollbar Gutters 3k 28
    12. A note from my late Grandmother about Eleventy 1k 29
    13. One weird trick to reduce Eleventy Image Build Times by 60% 17
    14. Never write your own Date Parsing Library #515k 2851
    15. How to import() a JavaScript String 8
    16. <line-numbers> Web Component
    17. Check the speedometer on the brand new Blog Awesome (now with 11ty) IndieWeb Avatar for https://blog.fontawesome.com/blog-awesome-to-11ty/
    18. Blog Awesome from WordPress to Eleventy (at Eleventy Meetup)Talk IndieWeb Avatar for https://www.11tymeetup.dev/ 27 min 5
    19. Extract Colors from an Image for CSS Themes 17
    20. ?nodefine — a pattern to skip Custom Element definitions 1147
    21. Blog Questions Challenge 2025 46
    22. Eleventy, 2024 in Review IndieWeb Avatar for https://www.11ty.dev/blog/review-2024/
    1. 2024 ×34 Sparkline representing frequency of posts written by month in 2024
    2. Nerd Show and Tell on Podcast Awesome IndieWeb Avatar for https://www.podcastawesome.com/2092855/episodes/16065652-nerd-show-and-tell-meet-zach-leatherman 30 min
    3. The Best And Worst Parts Of Eleventy (Now In v3)—Web Unleashed 2024Talk IndieWeb Avatar for https://fitc.ca/ 6
    4. Speaking at: Web Unleashed (2024) IndieWeb Avatar for https://fitc.ca/presentation/the-best-and-worst-parts-of-eleventy-now-in-v3/ 1
    5. Eleventy v3.0.0 is now available! IndieWeb Avatar for https://github.com/11ty/eleventy/releases/tag/v3.0.0
    6. Open Source Needs to be Financially Symbiotic 2k 2125
    7. 11ty is Joining Font Awesome IndieWeb Avatar for https://www.11ty.dev/blog/eleventy-font-awesome/ 1
    8. <heading-anchors> Web Component 3
    9. Oddbird’s Winging It Live: Web Components 60 min
    10. The Sneaky Costs of Scaling Serverless 5k 2033
    11. Eleventy v3.0.0-beta.1 is now available! IndieWeb Avatar for https://github.com/11ty/eleventy/releases/tag/v3.0.0-beta.1
    12. Improved error messaging for require(ESM) in Node.js 3
    13. The Smorgasbord of Windows Terminal… Windows 2
    14. 11ty Goes Fully Independent—JS Party #325 IndieWeb Avatar for https://changelog.com/jsparty/325 75 min 10
    15. I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 6k 178
    16. The Future of 11ty (2024)Talk 31 min 10
    17. An Organizer’s Retrospective on the 11ty Conference 15
    18. 11ty Conference is this week! IndieWeb Avatar for https://www.11ty.dev/blog/11ty-conf-final-week/
    19. Celebrate JavaScript Naked Day every year on April 24 IndieWeb Avatar for https://js-naked-day.org/ 2
    20. Glitch Jams Live 🍓🎏 Ep. 16: Eleventy'ing IndieWeb Avatar for https://glitch.com/ 75 min 1
    21. Get your 11ty Conference 2024 Merch Bundle (Limited Edition) IndieWeb Avatar for https://merch.11ty.dev/products/11ty-merch-bundle-2024-limited-edition
    22. Mechanical Ink: Unpacking the Challenges and Opportunities in Modern Web Development IndieWeb Avatar for https://schalkneethling.substack.com/p/unpacking-the-challenges-and-opportunities 73 min
    23. Elevating Video Transcripts as Searchable Content 5
    24. Eight Million npm Downloads for Eleventy
    25. Panel Discussion: What's next for Jamstack? 60 min
    26. <hyper-card> Web Component 1k 9
    27. <webcare-webshare> Web Component 9
    28. <throb-ber> Web Component 6
    29. Lessons learned moving Eleventy from CommonJS to ESMTalk 45 min 13
    30. <carou-scroll> Web Component 17
    31. The Good, The Bad, The Web Components 8k 22
    32. Join the 11ty International Symposium on Making Web Sites Real Good (it’s an 11ty Conference) IndieWeb Avatar for https://conf.11ty.dev/
    33. Speaking at: TheJam.dev (2024) IndieWeb Avatar for https://cfe.dev/events/the-jam-2024/
    34. Exploring the Bounds of Jamstack on What the Jam 29 min 1
    35. In Case You Missed It: 2023 1223
    1. 2023 ×47 Sparkline representing frequency of posts written by month in 2023
    2. Building a multi-language Taylor Swift fan site (10 Minute Version) (Zach's Version) 10 min 7
    3. Netlify’s Disingenuous Survey-based Attack on Next.js (and Eleventy, too) 5k 40
    4. Eleventy v3 with ESM support now on the canary channel
    5. <snow-fall> Web Component 5k 6688
    6. One YouTube Embed weighs almost 1.2 MB 2k 36
    7. <is-land> Web Component 3k 30
    8. <pagefind-search> Web Component 2k 9
    9. Live Editing an Eleventy Project in CloudCannon with Bookshop IndieWeb Avatar for https://cloudcannon.com/ 9 min
    10. <w3c-banner> Web Component
    11. Static Feedback #11: All about Eleventy IndieWeb Avatar for https://www.11ty.dev/blog/static-feedback/ 37 min
    12. SmashingConf 2023 (The Good, The Bad, and The Web Components)Talk IndieWeb Avatar for https://smashingconf.com/ 24 min
    13. The Tension and Future of Jamstack 4k 25
    14. The Infinity Hamburger Menu, now in Web Component form 1k 89
    15. An Attempted Taxonomy of Web Components #1018k 33
    16. A New Technique for Image Optimization: SVG Short Circuiting 3k 15
    17. The Commit that Updated a Thousand Demos IndieWeb Avatar for https://cloudcannon.com/ 5 min1
    18. A new Eleventy mascot from David Neal! IndieWeb Avatar for https://www.11ty.dev/blog/mascot-david/ 1
    19. The Squirminal Web Component 1k 510
    20. <browser-window> Web Component 4k 30
    21. Seven Million npm Downloads for Eleventy
    22. Parity Purchasing Power Price <ppp-price> Web Component 3 min 3
    23. <resize-asaurus> Web Component 7
    24. <table-saw> Web Component 2 min1k 1
    25. Jamstack ZHUZH: a Roundtable Discussion on the future of the Jamstack Community 69 min 3
    26. Notes from SmashingConf Freiburg 2023 IndieWeb Avatar for https://smashingconf.com/freiburg-2023
    27. Educational, Sensational, Inspirational, Foundational Web Development Reading List IndieWeb Avatar for https://esif.dev/ 15 min 2
    28. Eleventy and CloudCannon: New Best Friends IndieWeb Avatar for https://cloudcannon.com/ 2 min 6
    29. Igalia Chats: 11ty, Open Source and Funding IndieWeb Avatar for https://www.igalia.com/chats/zach 64 min
    30. Six Million npm Downloads for Eleventy
    31. State of Web Components Panel (This Dot Media) IndieWeb Avatar for https://www.thisdotmedia.com/state-of-web-components-june-2023/ 94 min
    32. The Next Phase of Eleventy: Return of the Side Project 4k 105
    33. JSNation 2023 (The Good, The Bad, and The Web Components)Talk IndieWeb Avatar for https://portal.gitnation.org/contents/the-good-the-bad-and-the-web-components 28 min
    34. JSHeroes 2023 (The Good, The Bad, and The Web Components)Talk IndieWeb Avatar for https://jsheroes.io/ 24 min
    35. Stanford WebCamp 2023 (The Good, the Bad, and the Web Components)Talk IndieWeb Avatar for https://webcamp.stanford.edu/session/the-good-the-bad-and-the-web-components 29 min
    36. 3 Methods for Scoped Styles in Web Components That Work Everywhere 4k 23
    37. Defaulting on Single Page Applications (SPA) IndieWeb Avatar for https://www.11ty.dev/docs/single-page-applications/#2010k 57
    38. The Eleventy v2.0 Release, a talk at the Eleventy MeetupTalk IndieWeb Avatar for https://11tymeetup.dev/events/ep-12-configs-and-v2/ 21 min 9
    39. Celebrating Eleventy 2.0 🎉—JS Party #266 IndieWeb Avatar for https://changelog.com/jsparty/266
    40. Five Million npm Downloads for Eleventy
    41. Flex Luthor, a Little CSS Flexbox Layout Helper 6
    42. The JavaScript Site Generator Review, 2023 8k 70
    43. 'Could not find Chromium' with Puppeteer 19 IndieWeb Avatar for https://pptr.dev/6k 6
    44. A Historical Reference of React Criticism IndieWeb Avatar for https://react.dev/#1218k 122
    45. GitHub’s Open Source Friday: WebC, The Web Components Framework 49 min 1
    46. The Magical Eleventy v2.0 Beta Release 14
    47. JavaScript, Community 2k 69
    48. In Case You Missed It: 2022 35
    1. 2022 ×33 Sparkline representing frequency of posts written by month in 2022
    2. Shop Talk Show #593: Zach Leatherman on Eleventy, Mastodon, Twitter, and is-land IndieWeb Avatar for https://shoptalkshow.com/543/ 59 min 20
    3. Jamstack Community Survey 2022 Results IndieWeb Avatar for https://www.11ty.dev/blog/jamstack-survey-2022/ 1
    4. Archive your Tweets with Tweetback 1k 61
    5. The State of Eleventy (2022) in Two Minutes 2 min 2
    6. A simple plea for Eleventy folks to take the 2022 State of JavaScript Survey 1
    7. Vote With Your Tweet 1214
    8. Use defer-hydration in your Web Components for… well, deferred hydration. 1k 1117
    9. Everyone has a very important voice—WebJoy Podcast №21 IndieWeb Avatar for https://webjoy.fm/episodes/s1-e21-everyone-has-a-very-important-voice-zach-zachleat 19 min 1
    10. OSS is Out to End the Framework Wars—Jamstack Conf 2022 35 min 20
    11. FITC Panel: Front-End Framework Trends with the creators of Qwik, Astro, and Eleventy 57 min
    12. Kelvin Omereshone’s TKYT: Eleventy and WebC 73 min
    13. Nick Taylor’s livecoding.ca: WebC is neat! 88 min
    14. Adding Components to Eleventy with WebC IndieWeb Avatar for https://11tymeetup.dev/events/ep-11-webc-with-zach/3k 23
    15. Four Million npm Downloads for Eleventy
    16. Ryan Carniato: Exploring 11ty with Zach Leatherman 150 min 2
    17. Which Generator builds Markdown the fastest? 9k 4258
    18. Dear Paul 2k 6
    19. Use esm-import-transformer for “isomorphic-ish” ECMAScript Modules 2
    20. The many definitions of Server-Side Rendering 3k 22
    21. PodRocket podcast: Eleventy with Zach Leatherman IndieWeb Avatar for https://podcasts.apple.com/us/podcast/eleventy-with-zach-leatherman/id1539945251?i=1000564676022 27 min
    22. Three Million npm Downloads for Eleventy
    23. Eleventy: Build vs. Serverless vs. EdgeTalk IndieWeb Avatar for https://11tymeetup.dev/events/ep-8-state-of-the-possumverse-and-panel-on-transitioning-to-11ty/ 21 min2k 7
    24. Semverflation: a new software metric proposal 4
    25. Coding Design Systems episode 11: Design Systems with 11ty 53 min
    26. Going full-time on Eleventy—JS Party #217 IndieWeb Avatar for https://changelog.com/jsparty/217 58 min
    27. Speedy Screenshots, or How I Improved the Robustness of the Screenshot Service 1k1
    28. Full Time Open Source Development for Eleventy, sponsored by Netlify IndieWeb Avatar for https://www.11ty.dev/blog/eleventy-oss/ 2 min 3
    29. Add Responsive-Friendly Enhancements to <details> with <details-utils> 7k 32
    30. Migrating my 16+ year old web site to Netlify in a few short days 23
    31. Back to the Facepile, Featherweight Edition 1k4
    32. Trailing Slashes on URLs: Contentious or Settled? #1322k 92
    33. CSS-only External Link Favicons 2k 17
    34. Eleventy v1.0.0, the stable release. IndieWeb Avatar for https://github.com/11ty/eleventy/releases/tag/v1.0.0 6
    1. 2021 ×45 Sparkline representing frequency of posts written by month in 2021
    2. The Eleventy API Explorer IndieWeb Avatar for https://api-explorer.11ty.dev/ 3
    3. Mix and Match Template Syntax in Eleventy using the Render Plugin IndieWeb Avatar for https://www.11ty.dev/docs/plugins/render/
    4. How to add Authentication to your Eleventy Site 7 min2k 7
    5. Recycling Open Graph Images for display on my Web Site 2k 56
    6. A New Eleventy Mascot from Geri Coady IndieWeb Avatar for https://www.11ty.dev/blog/new-mascot-from-geri-coady/
    7. The Art of Deception, Lighthouse Score Edition 7k 56
    8. Who Pays for Web Frameworks? 3k 2629
    9. The State of Eleventy (2021) in Two Minutes 2 min 3
    10. The 11ties: 11 Minute Talks about 11ty on 11/11 IndieWeb Avatar for https://www.meetup.com/JAMstack-Toronto/events/281278073/
    11. Shout out to Jamstack Conf 2021 Jammies Award Winners IndieWeb Avatar for https://www.11ty.dev/blog/jammies-2021/
    12. The Very First Eleventy 1.0 Beta Release IndieWeb Avatar for https://www.11ty.dev/blog/eleventy-v1-beta/ 3
    13. Jamstack Community Survey 2021 Results IndieWeb Avatar for https://www.11ty.dev/blog/jamstack-survey-2021/
    14. IndieWeb Avatar, yet another Eleventy Image Service API 3k 14
    15. Every Fire Needs a Sparkline 2k 1
    16. Two Million npm Downloads for Eleventy
    17. Vector? Raster? Why Not Both! 8k 73
    18. Fire SVG animations (SMIL) when the SVG is visible 5k 21
    19. If I work really hard on my Open Graph Images, People will share my Blog Posts 5k 48
    20. Building an Automated Screenshot Service on Netlify in ~140 Lines of Code 5k 11
    21. Uniclode: yet another demo of Eleventy Serverless 5
    22. Eleventy Serverless, a talk video from EleventyMeetup’s AvatarThe Eleventy MeetupTalk IndieWeb Avatar for https://www.11tymeetup.dev/ 43 min
    23. Rainglow: a demo of Eleventy Serverless 5
    24. Speaking at: Inaugural EleventyMeetup’s AvatarEleventy Meetup: Hello World (a talk about Eleventy Serverless) IndieWeb Avatar for https://11tymeetup.dev/events/hello-world/
    25. Some Antics with BenDMyers’s AvatarBen Myers: A First Look at Eleventy Serverless! 73 min 4
    26. Eleventy Serverless (Eleventy Cloud) Thus Far 2k 15
    27. Defer generating 400+ pages using Eleventy Cloud and On-demand Builders 8 min 8
    28. How and Why I Removed 3000 Images from the Eleventy Docs Build 4 min
    29. Powering Netlify’s Community Events with Structured Content (and a preview of Eleventy Cloud) 23 min 2
    30. Content is Data—Sanity Open House IndieWeb Avatar for https://www.sanity.io/content-is-data-open-house-2021
    31. Image Ready v2—Developer Experience @ EleventyTalk 22 min 25
    32. A Pandemic By Any Other Name 210
    33. ThisDotMedia’s AvatarBuild IT Better: Architecture feat. jlengstorf’s AvatarJason Lengstorf IndieWeb Avatar for https://www.youtube.com/watch?v=eRRkvI-w5Ik 58 min
    34. Queue Code—“Live” Code without Errors 13
    35. Unicode Range Interchange 2k 6
    36. This Web Site is a Tech TalkTalk 45 min4k 51
    37. Join the Eleventy Super Professional Business Network IndieWeb Avatar for https://www.11ty.dev/blog/espbn/
    38. Jamstack 101: Getting Started with Eleventy, presented by agilitycms’s AvatarAgility CMS 73 min
    39. Barebones CSS for Fluid Images 11k 69
    40. Don’t Shut Down Your Business! Instead Use Eleventy Image 8k 22
    41. <video-radio-star> Web Component
    42. <seven-minute-tabs> Web Component
    43. A little collection of theme-less Web Components 1k 2
    44. <filter-container> Web Component 18
    45. <announcement-banner> Web Component 3
    46. Speaking at: JAMstackTORONTO’s AvatarJamstack Toronto IndieWeb Avatar for https://www.meetup.com/JAMstack-Toronto/events/275601729/
    1. 2020 ×21 Sparkline representing frequency of posts written by month in 2020
    2. Ruthlessly Eliminating Layout Shift on netlify.com 3k 28
    3. Speaking at: Smashing Conference Austin (2020) IndieWeb Avatar for https://smashingconf.com/austin-2020/
    4. The State of Eleventy (2020) in Two Minutes 2 min
    5. Eleventy and Vue, a match made to power Netlify.com IndieWeb Avatar for https://www.netlify.com/blog/2020/09/18/eleventy-and-vue-a-match-made-to-power-netlify.com/
    6. Eleventy Leaderboards v2 via speedlify’s AvatarSpeedlify 1k 15
    7. Cloudflare’s Creative Corner with the Netlify team IndieWeb Avatar for https://cloudflare.tv/event/cloudflare-s-creative-corner-featuring-special-guests-from-the-netlify-team/oZKbA8a4
    8. Netlify’s Merry Band of 1 Million Developers IndieWeb Avatar for https://netlify.com/ 12
    9. Bulk Generating OG Images 1k 11
    10. The Lighthouse Scores Will Continue Until Morale Improves 7
    11. I added Lighthouse Scores to my Site’s Footer and You Can Too #1521k 40
    12. Use speedlify’s AvatarSpeedlify to Continuously Measure Site Performance #1426k 106
    13. Resume/CV on the Jamstack 3k 6
    14. CSS Naked Day 2
    15. Eleventy’s New Performance Leaderboard 2k 16
    16. My Favorite Typinator Macros 1
    17. Eleventy Crash Course with Nick and Zach—NebraskaJS OmahaTalk 63 min
    18. Speaker Spotlight: a chat with Vitaly Friedman 19 min
    19. Now Deploying to netlify’s AvatarNetlify 3k 9
    20. A Love Letter to filamentgroup’s AvatarFilament Group 2k 514
    21. Let’s Learn Eleventy! on LWJShow’s AvatarLearn with Jason 92 min
    22. Speaking at: Eleventy Crash Course with Nick and Zach—NebraskaJS Omaha IndieWeb Avatar for https://www.meetup.com/nebraskajs/events/dxndfdybccbkb/
    1. 2019 ×36 Sparkline representing frequency of posts written by month in 2019
    2. The Origin Story of Container Queries 4k 59
    3. Building Exclusive Features For Open Collective Contributors on Netlify IndieWeb Avatar for https://netlify.com/ 7
    4. Shop Talk Show #390: Eleventy with Zach Leatherman IndieWeb Avatar for https://shoptalkshow.com/episodes/390/ 62 min
    5. Eleventy Documentation has moved to 11ty.dev IndieWeb Avatar for https://www.11ty.dev/blog/moving-house/
    6. HTTP Archive’s Web Almanac 2019—Web Fonts Edition IndieWeb Avatar for https://almanac.httparchive.org/en/2019/fonts
    7. Own Your Content on Social Media Using the IndieWebTalk 31 min2k 30
    8. Making a PWA out of the 1996 Space Jam Web SiteTalk IndieWeb Avatar for https://www.spacejam.com/1k 4
    9. A look back at NEJS CONF, 2015–2019Talk IndieWeb Avatar for https://nebraskajs.com/ 11
    10. Speaking at: JAMstack Conf SF 2019 IndieWeb Avatar for https://2019.jamstackconf.com/sf/
    11. I’m Taking Ownership of My Tweets 4k 2126
    12. Two Browsers Walked Into a Scrollbar IndieWeb Avatar for https://www.filamentgroup.com/lab/scrollbars/
    13. A Featherweight Facepile 1k 10
    14. NEJS CONF 2019 IndieWeb Avatar for https://nebraskajs.com/
    15. Reactions to: An Honest Conversation About Burnout on JSParty 10
    16. Bridgy for Webmentions with Brotli IndieWeb Avatar for https://brid.gy/ 12
    17. Developing a Robust Font Loading Strategy for CSS-Tricks #1823k 88
    18. Week Notes №3 ending 14 Jun 2019
    19. Smashing TV: The Five Whys of Web Font Loading PerformanceTalk
    20. Spicy fonts and static sites 🌶️—JS Party #79 IndieWeb Avatar for https://changelog.com/jsparty/79 67 min
    21. The Crushing Weight of the Facepile 2k 1126
    22. Week Notes №2 ending 7 June 2019
    23. Render Snarky Comments in Comic Sans 4k 66
    24. Week Notes №1 ending 24 May 2019
    25. The Co-opetition of Team Web 5
    26. font-display is Incompatible with Icon Fonts 9k 40
    27. Speaking at: Web Engineering Düsseldorf IndieWeb Avatar for https://www.meetup.com/Web-Engineering-Duesseldorf/events/260995020/
    28. The Scoville Scale of Web Font Loading OpinionsTalk 1k 3
    29. Speaking at: beyond tellerrand—Düsseldorf IndieWeb Avatar for https://beyondtellerrand.com/events/duesseldorf-2019
    30. Google Fonts is Adding font-display 🎉 IndieWeb Avatar for https://fonts.google.com/#947k 57
    31. Speaking at: NebraskaJS Omaha (The Scoville Scale of Web Font Loading Opinions) IndieWeb Avatar for https://www.meetup.com/nebraskajs/events/dxndfdyzhbkb/
    32. Navigate directly to a GitHub Issue
    33. Eleventy Quick Tip №8: Trigger a Netlify Build Every Day with IFTTT IndieWeb Avatar for https://www.11ty.dev/docs/quicktips/netlify-ifttt/
    34. Eleventy Quick Tip №7: Fetch GitHub Stargazers Count (and More) at Build Time IndieWeb Avatar for https://www.11ty.dev/docs/quicktips/eliminate-js/
    35. Download a Twitter User’s Profile Image
    36. Build your own Blog from Scratch using Eleventy IndieWeb Avatar for https://www.filamentgroup.com/lab/build-a-blog/
    37. Get all Font Sizes in use on a Web Page 1k
    1. 2018 ×30 Sparkline representing frequency of posts written by month in 2018
    2. Working Draft Podcast: On Tour @ #perfnow 5/6 IndieWeb Avatar for https://workingdraft.de/on-tour-perfnow-zach-leatherman/ 21 min
    3. Don’t Stop Learning Frameworks 2k 714
    4. Should I Use JavaScript to Load My Web Fonts? IndieWeb Avatar for https://www.filamentgroup.com/lab/js-web-fonts.html
    5. Happy Birthday Eleventy! 🎉 1k5
    6. The Five Whys of Web Font Loading PerformanceTalk 46 min4k 4
    7. Speaking at: performance.now(); the Web Performance Conference IndieWeb Avatar for https://perfnow.nl/
    8. A Group of Web Font Repaints is called a Michael Serif
    9. The Problem with font-display and Reflow 5k 23
    10. The Font Loading Checklist #1925k 9
    11. TalkScript Episode #14 34 min
    12. Speaking at: Concatenate Conference
    13. NEJS CONF 2018 IndieWeb Avatar for https://nebraskajs.com/
    14. The Life Expectancy of Digital Content 1
    15. The Simplest Web Site That Could Possibly Work Well 4k
    16. Obnoxiously Readable Responsive Text with Viewport Units 5k 1
    17. preload with font-display: optional is an Anti-pattern 4k 27
    18. Import your Disqus Comments to Eleventy 2
    19. “The Compromise”—a Modern but Compatible Font Loading Strategy 4k 26
    20. Passing the Lead NebraskaJS Organizer Baton IndieWeb Avatar for https://nebraskajs.com/
    21. Google Open Source Award for Eleventy IndieWeb Avatar for https://www.google.com/
    22. imaging-heap, Measuring Responsive Image Efficiency
    23. It’s Dangerous to Go Stallone. Take Glyphhanger 6k 9
    24. “A letter about Google AMP”
    25. Web Fonts are ▢▢▢ Rocket ScienceTalk IndieWeb Avatar for https://www.filamentgroup.com/lab/rocket-science.html 47 min
    26. Introducing Eleventy, a new Static Site Generator 15k 3
    27. Speaking at: SmashingConf London (2018) IndieWeb Avatar for https://smashingconf.com/london-2018/
    28. Making a Simple Web Site with the Simplest Static Site Generator, Level 2—Adding Filters 18k 1
    29. Making a Simple Web Site with the Simplest Static Site Generator, Level 1 44k 1
    30. spider-pig Searches for Nodes that match a CSS Selector 8
    31. Airing Out 2017’s Dirty Laundry
    1. 2017 ×23 Sparkline representing frequency of posts written by month in 2017
    2. 23 Minutes of Work for Better Font Loading #1619k 25
    3. Speaking at: NebraskaJS Omaha (Web Fonts are ▢▢▢ Rocket Science) IndieWeb Avatar for https://www.meetup.com/nebraskajs/events/238363544/
    4. Managing Font Loading CSS Was Painful—Not Anymore 5k
    5. A Collection of Web Font Loading Recipes 3k1
    6. FOIT vs. FOUT, a Side by Side Comparison 13k 6
    7. A Historical Look at FOUT and FOIT 4k 27
    8. Web Standards Podcast #85 86 min
    9. Speaking at: CSS-Minsk-JS (2017)
    10. The Ten Twitter CommandmentsTalk 2k
    11. The Web Font Loading Glossary 15k 3
    12. I made a style guide for my personal web site and you should too. 5k3
    13. NEJS CONF 2017 IndieWeb Avatar for https://nebraskajs.com/
    14. Font Aliasing, or How to Rename a Font in CSS 16k 79
    15. Laissez-faire Font Smoothing and Anti-aliasing #2017k 57
    16. Quick Demo: Animating on an Oval Path 1k2
    17. Wait, WebP is actually worth it. 5k10
    18. What Are You Excited About?Talk 1k
    19. Selecthor: A Better way to Learn and Demo CSS Selectors 4
    20. Randsom: A Random Web Fonts Ransom Note 1k1
    21. Bernie Tweets
    22. CSS-Tricks Video Screencasts #152: Font Loading IndieWeb Avatar for https://css-tricks.com/video-screencasts/152-font-loading-zach-leatherman/ 57 min
    23. Shop Talk Show #247: The Performance Equation IndieWeb Avatar for http://shoptalkshow.com/episodes/247-performance-equation/ 72 min
    24. In Case You Missed It: 2016
    1. 2016 ×17 Sparkline representing frequency of posts written by month in 2016
    2. No @font-face Syntax will ever be Bulletproof, Nor Should It Be. 3k 1
    3. faux-pas, Detecting Faux Web Font Rendering
    4. Lazy Loading Web Fonts Is Probably Not What You Want 6k 5
    5. Separating Fact from Fiction on the InternetTalk
    6. I Wanted to Type a Number IndieWeb Avatar for https://www.filamentgroup.com/lab/type-number.html
    7. NEJS CONF 2016 Recap
    8. Beyond Code #4 at NEJS CONF 2015 3 min
    9. A Comprehensive Guide to Font Loading Strategies #2204k 182
    10. CSS Position StickyTalk 10 min
    11. Web Fonts for President 2016 #827k10
    12. The Web Fonts: Preloaded #729k 10
    13. Trying out a new Font Stack 1k1
    14. Web Font Anti-pattern: Data URIs 15k 117
    15. A Versatile 2KB of JSTalk 25 min
    16. A Story About Proxy Filters
    17. Critical Web Fonts #1520k 6
    18. In Case You Missed It: 2015
    1. 2015 ×19 Sparkline representing frequency of posts written by month in 2015
    2. The Infinity Hamburger Menu 5k2
    3. Using Custom Fonts Responsibly, an Akamai Animated Short 5 min
    4. Frameworks, not Blameworks 3k
    5. A Brief History of that Time You Used Web Fonts—SmashingConf BarcelonaTalk 48 min
    6. The Performance and Usability of Web Fonts—Velocity New York CityTalk 42 min 1
    7. Filament Group is Agency of the Year at Net Awards IndieWeb Avatar for https://www.filamentgroup.com/lab/agency-of-year.html
    8. A Hypocrite’s Guide to Public SpeakingTalk 17 min2k 110
    9. Changelog #166, NEJS CONF 2015 IndieWeb Avatar for https://changelog.com/podcast/166 69 min
    10. NEJS CONF 2015 Recap
    11. Smashing Book #5
    12. The Mitt Romney Web Font Problem 9k 78
    13. The Performance and Usability of Font Loading—Velocity Santa ClaraTalk 39 min1k1
    14. Tech Meetup at the White HouseTalk 3 min4k 14
    15. Compatibility Tables Compendium 7k9
    16. Better @font-face with Font Load Events—SmashingConf WhistlerTalk 48 min
    17. Flash of Faux Text—still more on Font Loading #1322k 2
    18. Performance and Responsive Web Design (2015)Talk 67 min
    19. How we use web fonts responsibly, or, avoiding a @font-face-palm IndieWeb Avatar for http://www.filamentgroup.com/lab/font-loading.html
    20. In Case You Missed It: 2014 1k
    1. 2014 ×14 Sparkline representing frequency of posts written by month in 2014
    2. The Making of Font Family ReunionTalk 19 min
    3. word-break Podcast #1 49 min
    4. WOFF2 See the Wizard, a Wonderful JavaScript Feature Test IndieWeb Avatar for http://www.filamentgroup.com/lab/woff2.html
    5. A Font Family Reunion 8k 116
    6. Better @font-face with Font Load Events on Dev.Opera IndieWeb Avatar for https://dev.opera.com/articles/better-font-face/
    7. The Perfect GIFTalk 12 min1k7
    8. W3C Status Banners 1k7
    9. Tablesaw: A Flexible Tool for Responsive Tables IndieWeb Avatar for http://www.filamentgroup.com/lab/tablesaw.html
    10. A Frugal and Simple Guide to Putting Lights on your Bike 8k1
    11. Pastry Box: Impostor Syndrome
    12. Bulletproof Icon Fonts—CSSConfTalk 26 min
    13. Politespace, an unobtrusive alternative to input masks IndieWeb Avatar for http://www.filamentgroup.com/lab/politespace.html
    14. Bulletproof Accessible Icon Fonts IndieWeb Avatar for http://www.filamentgroup.com/lab/bulletproof_icon_fonts.html
    15. A Few Retired Projects
    1. 2013 ×12 Sparkline representing frequency of posts written by month in 2013
    2. In Case You Missed It: 2013 1k3
    3. Domain Swap: A Google Chrome Extension 1k 1
    4. The Elusive :target Feature Test 5k2
    5. Impostor SyndromeTalk 7 min3k8
    6. A Nodecopter Informercial (at HOW Conf)Talk
    7. A Sliver of What I Learned at JSConf 2013 1k
    8. You Should Follow Fewer People on Twitter 2k6
    9. Performance and Responsive Web Design (2013)Talk 61 min3k5
    10. zachleat.com is Dead, Long Live zachleat.com 1k9
    11. Tool or Die, a Web Developer’s WorkflowTalk 59 min5k 45
    12. Side Projects (at Awesome Camp)Talk
    13. A Web Developer Fumbling with Social Media 3k12
    1. 2012 ×6 Sparkline representing frequency of posts written by month in 2012
    2. SocialCount, Faster & Lighter Social Networking Widgets IndieWeb Avatar for https://www.filamentgroup.com/lab/socialcount1k
    3. Performance in Responsive Web Design (2012)Talk
    4. A Front End Engineer’s Manifesto 9k
    5. CSS3 Job Transition 2k3
    6. Let’s get parseIntimate.
    7. Placeholder Title for Article about HTML5 Placeholders 7k 110
    1. 2011 ×11 Sparkline representing frequency of posts written by month in 2011
    2. Deferreds and a Better Geolocation API 2k3
    3. A Mobile Web Divided 2k2
    4. Progressive Enhancement (at jQuery Omaha)Talk
    5. FitText + BigText: A Tale of Two Plugins #631k6
    6. Pragmatic Progressive Enhancement 1k1
    7. HTML5 vs. Native Applications, The Presentation 3k7
    8. Raging Netflix Queue, a Google Chrome Extension 3k8
    9. The JavaScript Testing Challenge Winner
    10. Et tu, X-UA-Compatible? 6k3
    11. BigText Makes Text Big #7167k 376
    12. An Update to The JavaScript Testing Challenge
    1. 2010 ×12 Sparkline representing frequency of posts written by month in 2010
    2. The JavaScript Testing Challenge 5 min4k8
    3. Faking Onload for Link Elements 16k3
    4. ALARMd is now on Github
    5. Maiden Voyage of the DOM Sailbloat
    6. A Race Against Time Pickers 2k1
    7. Point, Charset, Match: Character Encoding in JavaScript 14k 1
    8. Internet Explorer Array.sort Unreliable 13k13
    9. If the Menu Fitts, We Must Acquit
    10. CSS 3 Text: A Tale of writing-mode Woe #1920k3
    11. Trash that “Back to Top” Link 8k8
    12. The 24 Clock on ALARMd 2k3
    13. DIY Webdings—CSS Sprites using @font-face 10k26
    1. 2009 ×9 Sparkline representing frequency of posts written by month in 2009
    2. Don’t Give Up on Internet Explorer Yet
    3. Device Independence on the Open Web
    4. Quick Performance Tip: jQuery and addClass 9k2
    5. Adobe Reverts Flex Store to Open Web
    6. Performance Caveat with jQuery Selectors and Live Events 7k14
    7. Jonathan Sharp at The Ajax Experience
    8. ALARMd Unix Time Format for 1234567890 Day
    9. Registration Forms Suck, Let’s Mitigate Suckiness
    10. Scare Your Visitors with this JavaScript Gravatar Plugin 5k6
    1. 2008 ×25 Sparkline representing frequency of posts written by month in 2008
    2. DOMContentLoaded Inconsistencies (in Browsers and JavaScript Libraries) 16k1
    3. jQuery Bug: IE reports incorrect $.browser.version 3k3
    4. Dear IE6: Please Cache my Images. 6k3
    5. Relative URLs including the Domain
    6. ALARMd is a Google Code Project
    7. Fight Registrastination. Register to vote!
    8. Writing a Front End Engineer’s Resume (or CV) 4k6
    9. Emulating onhashchange without setInterval 9k5
    10. Double Whammy: OpenID and Microformats
    11. Selecting XML Nodes with JavaScript, or the Peril of getElementsByTagName #542k8
    12. Javascript Objects are NOT JSON 1k3
    13. Surnamespacing
    14. Don’t Let the Door Hit You Onunload and Onbeforeunload #1761k10
    15. Forgive My Feed
    16. Rethinking JavaScript Grids and DataTables 12k1
    17. ALARMd 2 Beta, with Google Calendar Integration 8k12
    18. 20000 Leagues Under the API: YouTube JavaScript 1k
    19. Code Like the Big Boys: Flickr
    20. Tips for Programming JavaScript Functions 3k1
    21. Architecture Choices: Callbacks and Events in JavaScript 6k
    22. Yet Another Pretty Date JavaScript 13k25
    23. Minor Annoyances with Firefox Development
    24. Specific Inheritance with TIBCO’s General Interface 1k 12
    25. PHP Pretty Date 7k6
    26. Online Movie Rental Review – Amazon Unbox 2k4
    1. 2007 ×47 Sparkline representing frequency of posts written by month in 2007
    2. Quine using XHTML and JavaScript
    3. Faster YUI DataTable with 5 Lines of Code 3k1
    4. Problems with Looping through window.setInterval 1k2
    5. enterval, an automatic setInterval chainer.
    6. Speed up Including Google Analytics 1k
    7. Obscurity, Security, and Captcha
    8. Forward Compatibility and JavaScript
    9. Nursery Rhyme Code Poem [CSS] 1k1
    10. Nursery Rhyme Code Poem [PHP]
    11. Nursery Rhyme Code Poem [JavaScript] 1k1
    12. Write More Efficient Javascript in YUI with CSS Selectors 6k
    13. Cross Domain XHR with Firefox 2 23k18
    14. Namespacing outside of the YAHOO Namespace 9k8
    15. Enlarging your YUI DataTable in 29 Seconds or Less! 10k3
    16. ALARMd now supports URLs
    17. maLArquee, Bringing Back the Marquee 5k4
    18. Using Phing to automate JavaScript and CSS Minimization 3k3
    19. YUI Code Review: YAHOO.namespace 7k3
    20. Using DOM Query Libraries in YUI 2k3
    21. 8 Things the YUI Library Needs to Win Me Back 4k7
    22. What Sound Does a Cow Make? MooTools. 2k1
    23. 20/20 Hindsight, a Look Back at ALARMd
    24. JavaScript Frameworks and JSF 12k6
    25. DOMDom, easy DOM Element Creation 5k9
    26. Wake up to YouTube on my Internet Alarm Clock 25k23
    27. Enlarging your YUI DataTable in 30 Seconds or Less! 6k7
    28. Screen Readers and Listening at the Speed of Sound
    29. Wash your mouth out with SOAP and the YUI Connection Manager 4k3
    30. YUI DataTable and You: Making the Marriage Work 15k7
    31. I-Frame Shims or How I Learned to Stop Worrying and Love the Bomb 7k8
    32. JavaScript Code Coverage Tool for Firebug 13k18
    33. Google Using YUI Grids CSS 9k9
    34. Problems with YUI DataTable 20k28
    35. YUI Button Lite 2k
    36. Logical XOR in JavaScript 2k2
    37. Conservative Design Example: Hierarchical Options
    38. Fundamental Problem with YUI Button 2k1
    39. OMG SOA
    40. Conservative Design Example: Multiple Option List 1k
    41. Conservative Design: Command Line Interface 2k
    42. Namespaces in Ext DomQuery 1k
    43. Beaten to the Spiked Punch
    44. Conservative Design: Option List
    45. Conservative Design Patterns for Form Elements 2k3
    46. Conservative Design: Hierarchical Select 3k1
    47. Screen Printing, Fake Interfaces Part 1
    48. Checklist for Web Applications 1k4