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” 20
  3. <icon-fall> Web Component #2 817
  4. <table-of-contents> Web Component #5 13
  5. <solar-eclipse-toggle> Web Component (two state dark/light mode toggle) #3 710
  6. Trying out a Two-state Dark Mode Toggle 1
  7. I was tired of building 474 separate pages for Open Graph Images #7 819
  8. Use Speedlify2 to Continuously Measure Website Performance #10 12
  9. Am I neglecting my open source projects? #19 10
  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/
  19. 2025 ×21 Sparkline representing frequency of posts written by month in 2025
  20. No more tokens! Locking down npm Publish Workflows #153k 33
  21. How to Hallucinate using Web Components 15
  22. How we use GitHub Issues (on 11ty) and how that’s Changing IndieWeb Avatar for https://www.11ty.dev/blog/github-issues/
  23. Copy *and* Paste? …in this Economy? 5
  24. Permanent Facepile Credit to Individuals Supporting Eleventy 47
  25. Wrapper Elements around Code Blocks in Markdown 12
  26. StarCraft II is still great.
  27. I want to intercept Boolean Coercion for Objects in JavaScript 1k 12
  28. 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
  29. A tiny bit-o-CSS for Stable Scrollbar Gutters 3k
  30. A note from my late Grandmother about Eleventy 1k
  31. One weird trick to reduce Eleventy Image Build Times by 60%
  32. Never write your own Date Parsing Library #415k 629
  33. How to import() a JavaScript String
  34. <line-numbers> Web Component
  35. Check the speedometer on the brand new Blog Awesome (now with 11ty) IndieWeb Avatar for https://blog.fontawesome.com/blog-awesome-to-11ty/
  36. Blog Awesome from WordPress to Eleventy (at Eleventy Meetup)Talk IndieWeb Avatar for https://www.11tymeetup.dev/ 27 min
  37. Extract Colors from an Image for CSS Themes
  38. ?nodefine — a pattern to skip Custom Element definitions
  39. Blog Questions Challenge 2025
  40. Eleventy, 2024 in Review IndieWeb Avatar for https://www.11ty.dev/blog/review-2024/
  41. 2024 ×34 Sparkline representing frequency of posts written by month in 2024
  42. 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
  43. The Best And Worst Parts Of Eleventy (Now In v3)—Web Unleashed 2024Talk IndieWeb Avatar for https://fitc.ca/
  44. Speaking at: Web Unleashed (2024) IndieWeb Avatar for https://fitc.ca/presentation/the-best-and-worst-parts-of-eleventy-now-in-v3/
  45. Eleventy v3.0.0 is now available! IndieWeb Avatar for https://github.com/11ty/eleventy/releases/tag/v3.0.0
  46. Open Source Needs to be Financially Symbiotic 2k2
  47. 11ty is Joining Font Awesome IndieWeb Avatar for https://www.11ty.dev/blog/eleventy-font-awesome/
  48. <heading-anchors> Web Component
  49. Oddbird’s Winging It Live: Web Components 60 min
  50. The Sneaky Costs of Scaling Serverless 5k
  51. Eleventy v3.0.0-beta.1 is now available! IndieWeb Avatar for https://github.com/11ty/eleventy/releases/tag/v3.0.0-beta.1
  52. Improved error messaging for require(ESM) in Node.js
  53. The Smorgasbord of Windows Terminal… Windows
  54. 11ty Goes Fully Independent—JS Party #325 IndieWeb Avatar for https://changelog.com/jsparty/325 75 min
  55. I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 6k 1
  56. The Future of 11ty (2024)Talk 31 min
  57. An Organizer’s Retrospective on the 11ty Conference
  58. 11ty Conference is this week! IndieWeb Avatar for https://www.11ty.dev/blog/11ty-conf-final-week/
  59. Celebrate JavaScript Naked Day every year on April 24 IndieWeb Avatar for https://js-naked-day.org/
  60. Glitch Jams Live 🍓🎏 Ep. 16: Eleventy'ing IndieWeb Avatar for https://glitch.com/ 75 min
  61. Get your 11ty Conference 2024 Merch Bundle (Limited Edition) IndieWeb Avatar for https://merch.11ty.dev/products/11ty-merch-bundle-2024-limited-edition
  62. 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
  63. Elevating Video Transcripts as Searchable Content
  64. Eight Million npm Downloads for Eleventy
  65. Panel Discussion: What's next for Jamstack? 60 min
  66. <hyper-card> Web Component 1k1
  67. <webcare-webshare> Web Component
  68. <throb-ber> Web Component
  69. Lessons learned moving Eleventy from CommonJS to ESMTalk 45 min1k
  70. <carou-scroll> Web Component
  71. The Good, The Bad, The Web Components 8k
  72. Join the 11ty International Symposium on Making Web Sites Real Good (it’s an 11ty Conference) IndieWeb Avatar for https://conf.11ty.dev/
  73. Speaking at: TheJam.dev (2024) IndieWeb Avatar for https://cfe.dev/events/the-jam-2024/
  74. Exploring the Bounds of Jamstack on What the Jam 29 min
  75. In Case You Missed It: 2023
  76. 2023 ×47 Sparkline representing frequency of posts written by month in 2023
  77. Building a multi-language Taylor Swift fan site (10 Minute Version) (Zach's Version) 10 min
  78. Netlify’s Disingenuous Survey-based Attack on Next.js (and Eleventy, too) 5k
  79. Eleventy v3 with ESM support now on the canary channel
  80. <snow-fall> Web Component 5k 1416
  81. One YouTube Embed weighs almost 1.2 MB 2k 1
  82. <is-land> Web Component 3k
  83. <pagefind-search> Web Component 2k
  84. Live Editing an Eleventy Project in CloudCannon with Bookshop IndieWeb Avatar for https://cloudcannon.com/ 9 min
  85. <w3c-banner> Web Component
  86. Static Feedback #11: All about Eleventy IndieWeb Avatar for https://www.11ty.dev/blog/static-feedback/ 37 min
  87. SmashingConf 2023 (The Good, The Bad, and The Web Components)Talk IndieWeb Avatar for https://smashingconf.com/ 24 min
  88. The Tension and Future of Jamstack 4k
  89. The Infinity Hamburger Menu, now in Web Component form 1k
  90. An Attempted Taxonomy of Web Components #918k
  91. A New Technique for Image Optimization: SVG Short Circuiting 3k
  92. The Commit that Updated a Thousand Demos IndieWeb Avatar for https://cloudcannon.com/ 5 min
  93. A new Eleventy mascot from David Neal! IndieWeb Avatar for https://www.11ty.dev/blog/mascot-david/
  94. The Squirminal Web Component 1k
  95. <browser-window> Web Component 4k
  96. Seven Million npm Downloads for Eleventy
  97. Parity Purchasing Power Price <ppp-price> Web Component 3 min
  98. <resize-asaurus> Web Component
  99. <table-saw> Web Component 2 min1k
  100. Jamstack ZHUZH: a Roundtable Discussion on the future of the Jamstack Community 69 min
  101. Notes from SmashingConf Freiburg 2023 IndieWeb Avatar for https://smashingconf.com/freiburg-2023
  102. Educational, Sensational, Inspirational, Foundational Web Development Reading List IndieWeb Avatar for https://esif.dev/ 15 min
  103. Eleventy and CloudCannon: New Best Friends IndieWeb Avatar for https://cloudcannon.com/ 2 min
  104. Igalia Chats: 11ty, Open Source and Funding IndieWeb Avatar for https://www.igalia.com/chats/zach 64 min
  105. Six Million npm Downloads for Eleventy
  106. State of Web Components Panel (This Dot Media) IndieWeb Avatar for https://www.thisdotmedia.com/state-of-web-components-june-2023/ 94 min
  107. The Next Phase of Eleventy: Return of the Side Project 4k
  108. 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
  109. JSHeroes 2023 (The Good, The Bad, and The Web Components)Talk IndieWeb Avatar for https://jsheroes.io/ 24 min
  110. 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
  111. 3 Methods for Scoped Styles in Web Components That Work Everywhere 4k
  112. Defaulting on Single Page Applications (SPA) IndieWeb Avatar for https://www.11ty.dev/docs/single-page-applications/#2010k
  113. 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
  114. Celebrating Eleventy 2.0 🎉—JS Party #266 IndieWeb Avatar for https://changelog.com/jsparty/266
  115. Five Million npm Downloads for Eleventy
  116. Flex Luthor, a Little CSS Flexbox Layout Helper
  117. The JavaScript Site Generator Review, 2023 8k
  118. 'Could not find Chromium' with Puppeteer 19 IndieWeb Avatar for https://pptr.dev/6k
  119. A Historical Reference of React Criticism IndieWeb Avatar for https://react.dev/#1118k 45
  120. GitHub’s Open Source Friday: WebC, The Web Components Framework 49 min
  121. The Magical Eleventy v2.0 Beta Release
  122. JavaScript, Community 2k
  123. In Case You Missed It: 2022
  124. 2022 ×33 Sparkline representing frequency of posts written by month in 2022
  125. Shop Talk Show #593: Zach Leatherman on Eleventy, Mastodon, Twitter, and is-land IndieWeb Avatar for https://shoptalkshow.com/543/ 59 min
  126. Jamstack Community Survey 2022 Results IndieWeb Avatar for https://www.11ty.dev/blog/jamstack-survey-2022/
  127. Archive your Tweets with Tweetback 1k
  128. The State of Eleventy (2022) in Two Minutes 2 min
  129. A simple plea for Eleventy folks to take the 2022 State of JavaScript Survey
  130. Vote With Your Tweet
  131. Use defer-hydration in your Web Components for… well, deferred hydration. 1k
  132. 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
  133. OSS is Out to End the Framework Wars—Jamstack Conf 2022 35 min
  134. FITC Panel: Front-End Framework Trends with the creators of Qwik, Astro, and Eleventy 57 min
  135. Kelvin Omereshone’s TKYT: Eleventy and WebC 73 min
  136. Nick Taylor’s livecoding.ca: WebC is neat! 88 min
  137. Adding Components to Eleventy with WebC IndieWeb Avatar for https://11tymeetup.dev/events/ep-11-webc-with-zach/3k
  138. Four Million npm Downloads for Eleventy
  139. Ryan Carniato: Exploring 11ty with Zach Leatherman 150 min
  140. Which Generator builds Markdown the fastest? 9k
  141. Dear Paul 2k
  142. Use esm-import-transformer for “isomorphic-ish” ECMAScript Modules
  143. The many definitions of Server-Side Rendering 3k
  144. PodRocket podcast: Eleventy with Zach Leatherman IndieWeb Avatar for https://podcasts.apple.com/us/podcast/eleventy-with-zach-leatherman/id1539945251?i=1000564676022 27 min
  145. Three Million npm Downloads for Eleventy
  146. 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
  147. Semverflation: a new software metric proposal
  148. Coding Design Systems episode 11: Design Systems with 11ty 53 min
  149. Going full-time on Eleventy—JS Party #217 IndieWeb Avatar for https://changelog.com/jsparty/217 58 min
  150. Speedy Screenshots, or How I Improved the Robustness of the Screenshot Service 1k
  151. Full Time Open Source Development for Eleventy, sponsored by Netlify IndieWeb Avatar for https://www.11ty.dev/blog/eleventy-oss/ 2 min
  152. Add Responsive-Friendly Enhancements to <details> with <details-utils> 7k
  153. Migrating my 16+ year old web site to Netlify in a few short days
  154. Back to the Facepile, Featherweight Edition 1k
  155. Trailing Slashes on URLs: Contentious or Settled? #1222k9
  156. CSS-only External Link Favicons 2k2
  157. Eleventy v1.0.0, the stable release. IndieWeb Avatar for https://github.com/11ty/eleventy/releases/tag/v1.0.0
  158. 2021 ×45 Sparkline representing frequency of posts written by month in 2021
  159. The Eleventy API Explorer IndieWeb Avatar for https://api-explorer.11ty.dev/
  160. Mix and Match Template Syntax in Eleventy using the Render Plugin IndieWeb Avatar for https://www.11ty.dev/docs/plugins/render/
  161. How to add Authentication to your Eleventy Site 7 min2k
  162. Recycling Open Graph Images for display on my Web Site 2k
  163. A New Eleventy Mascot from Geri Coady IndieWeb Avatar for https://www.11ty.dev/blog/new-mascot-from-geri-coady/
  164. The Art of Deception, Lighthouse Score Edition 7k4
  165. Who Pays for Web Frameworks? 3k
  166. The State of Eleventy (2021) in Two Minutes 2 min
  167. The 11ties: 11 Minute Talks about 11ty on 11/11 IndieWeb Avatar for https://www.meetup.com/JAMstack-Toronto/events/281278073/
  168. Shout out to Jamstack Conf 2021 Jammies Award Winners IndieWeb Avatar for https://www.11ty.dev/blog/jammies-2021/
  169. The Very First Eleventy 1.0 Beta Release IndieWeb Avatar for https://www.11ty.dev/blog/eleventy-v1-beta/
  170. Jamstack Community Survey 2021 Results IndieWeb Avatar for https://www.11ty.dev/blog/jamstack-survey-2021/
  171. IndieWeb Avatar, yet another Eleventy Image Service API 3k
  172. Every Fire Needs a Sparkline 2k
  173. Two Million npm Downloads for Eleventy
  174. Vector? Raster? Why Not Both! 8k
  175. Fire SVG animations (SMIL) when the SVG is visible 5k
  176. If I work really hard on my Open Graph Images, People will share my Blog Posts 5k
  177. Building an Automated Screenshot Service on Netlify in ~140 Lines of Code 5k
  178. Uniclode: yet another demo of Eleventy Serverless
  179. Eleventy Serverless, a talk video from EleventyMeetup’s AvatarThe Eleventy MeetupTalk IndieWeb Avatar for https://www.11tymeetup.dev/ 43 min
  180. Rainglow: a demo of Eleventy Serverless
  181. Speaking at: Inaugural EleventyMeetup’s AvatarEleventy Meetup: Hello World (a talk about Eleventy Serverless) IndieWeb Avatar for https://11tymeetup.dev/events/hello-world/
  182. Some Antics with BenDMyers’s AvatarBen Myers: A First Look at Eleventy Serverless! 73 min
  183. Eleventy Serverless (Eleventy Cloud) Thus Far 2k
  184. Defer generating 400+ pages using Eleventy Cloud and On-demand Builders 8 min
  185. How and Why I Removed 3000 Images from the Eleventy Docs Build 4 min
  186. Powering Netlify’s Community Events with Structured Content (and a preview of Eleventy Cloud) 23 min
  187. Content is Data—Sanity Open House IndieWeb Avatar for https://www.sanity.io/content-is-data-open-house-2021
  188. Image Ready v2—Developer Experience @ EleventyTalk 22 min
  189. A Pandemic By Any Other Name
  190. ThisDotMedia’s AvatarBuild IT Better: Architecture feat. jlengstorf’s AvatarJason Lengstorf IndieWeb Avatar for https://www.youtube.com/watch?v=eRRkvI-w5Ik 58 min
  191. Queue Code—“Live” Code without Errors
  192. Unicode Range Interchange 2k
  193. This Web Site is a Tech TalkTalk 45 min4k
  194. Join the Eleventy Super Professional Business Network IndieWeb Avatar for https://www.11ty.dev/blog/espbn/
  195. Jamstack 101: Getting Started with Eleventy, presented by agilitycms’s AvatarAgility CMS 73 min
  196. Barebones CSS for Fluid Images 11k
  197. Don’t Shut Down Your Business! Instead Use Eleventy Image 8k
  198. <video-radio-star> Web Component
  199. <seven-minute-tabs> Web Component
  200. A little collection of theme-less Web Components 1k
  201. <filter-container> Web Component
  202. <announcement-banner> Web Component
  203. Speaking at: JAMstackTORONTO’s AvatarJamstack Toronto IndieWeb Avatar for https://www.meetup.com/JAMstack-Toronto/events/275601729/
  204. 2020 ×21 Sparkline representing frequency of posts written by month in 2020
  205. Ruthlessly Eliminating Layout Shift on netlify.com 3k
  206. Speaking at: Smashing Conference Austin (2020) IndieWeb Avatar for https://smashingconf.com/austin-2020/
  207. The State of Eleventy (2020) in Two Minutes 2 min
  208. 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/
  209. Eleventy Leaderboards v2 via speedlify’s AvatarSpeedlify 1k
  210. 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
  211. Netlify’s Merry Band of 1 Million Developers IndieWeb Avatar for https://netlify.com/
  212. Bulk Generating OG Images 1k
  213. The Lighthouse Scores Will Continue Until Morale Improves
  214. I added Lighthouse Scores to my Site’s Footer and You Can Too #1421k
  215. Use speedlify’s AvatarSpeedlify to Continuously Measure Site Performance #1326k
  216. Resume/CV on the Jamstack 3k
  217. CSS Naked Day
  218. Eleventy’s New Performance Leaderboard 2k
  219. My Favorite Typinator Macros
  220. Eleventy Crash Course with Nick and Zach—NebraskaJS OmahaTalk 63 min
  221. Speaker Spotlight: a chat with Vitaly Friedman 19 min
  222. Now Deploying to netlify’s AvatarNetlify 3k
  223. A Love Letter to filamentgroup’s AvatarFilament Group 2k
  224. Let’s Learn Eleventy! on LWJShow’s AvatarLearn with Jason 92 min
  225. Speaking at: Eleventy Crash Course with Nick and Zach—NebraskaJS Omaha IndieWeb Avatar for https://www.meetup.com/nebraskajs/events/dxndfdybccbkb/
  226. 2019 ×36 Sparkline representing frequency of posts written by month in 2019
  227. The Origin Story of Container Queries 4k
  228. Building Exclusive Features For Open Collective Contributors on Netlify IndieWeb Avatar for https://netlify.com/
  229. Shop Talk Show #390: Eleventy with Zach Leatherman IndieWeb Avatar for https://shoptalkshow.com/episodes/390/ 62 min
  230. Eleventy Documentation has moved to 11ty.dev IndieWeb Avatar for https://www.11ty.dev/blog/moving-house/
  231. HTTP Archive’s Web Almanac 2019—Web Fonts Edition IndieWeb Avatar for https://almanac.httparchive.org/en/2019/fonts
  232. Own Your Content on Social Media Using the IndieWebTalk 31 min2k
  233. Making a PWA out of the 1996 Space Jam Web SiteTalk IndieWeb Avatar for https://www.spacejam.com/1k
  234. A look back at NEJS CONF, 2015–2019Talk IndieWeb Avatar for https://nebraskajs.com/
  235. Speaking at: JAMstack Conf SF 2019 IndieWeb Avatar for https://2019.jamstackconf.com/sf/
  236. I’m Taking Ownership of My Tweets 4k
  237. Two Browsers Walked Into a Scrollbar IndieWeb Avatar for https://www.filamentgroup.com/lab/scrollbars/
  238. A Featherweight Facepile 1k
  239. NEJS CONF 2019 IndieWeb Avatar for https://nebraskajs.com/
  240. Reactions to: An Honest Conversation About Burnout on JSParty
  241. Bridgy for Webmentions with Brotli IndieWeb Avatar for https://brid.gy/
  242. Developing a Robust Font Loading Strategy for CSS-Tricks #1723k
  243. Week Notes №3 ending 14 Jun 2019
  244. Smashing TV: The Five Whys of Web Font Loading PerformanceTalk
  245. Spicy fonts and static sites 🌶️—JS Party #79 IndieWeb Avatar for https://changelog.com/jsparty/79 67 min
  246. The Crushing Weight of the Facepile 2k
  247. Week Notes №2 ending 7 June 2019
  248. Render Snarky Comments in Comic Sans 4k
  249. Week Notes №1 ending 24 May 2019
  250. The Co-opetition of Team Web
  251. font-display is Incompatible with Icon Fonts 9k
  252. Speaking at: Web Engineering Düsseldorf IndieWeb Avatar for https://www.meetup.com/Web-Engineering-Duesseldorf/events/260995020/
  253. The Scoville Scale of Web Font Loading OpinionsTalk 1k
  254. Speaking at: beyond tellerrand—Düsseldorf IndieWeb Avatar for https://beyondtellerrand.com/events/duesseldorf-2019
  255. Google Fonts is Adding font-display 🎉 IndieWeb Avatar for https://fonts.google.com/#847k
  256. Speaking at: NebraskaJS Omaha (The Scoville Scale of Web Font Loading Opinions) IndieWeb Avatar for https://www.meetup.com/nebraskajs/events/dxndfdyzhbkb/
  257. Navigate directly to a GitHub Issue
  258. Eleventy Quick Tip №8: Trigger a Netlify Build Every Day with IFTTT IndieWeb Avatar for https://www.11ty.dev/docs/quicktips/netlify-ifttt/
  259. Eleventy Quick Tip №7: Fetch GitHub Stargazers Count (and More) at Build Time IndieWeb Avatar for https://www.11ty.dev/docs/quicktips/eliminate-js/
  260. Download a Twitter User’s Profile Image
  261. Build your own Blog from Scratch using Eleventy IndieWeb Avatar for https://www.filamentgroup.com/lab/build-a-blog/
  262. Get all Font Sizes in use on a Web Page 1k
  263. 2018 ×30 Sparkline representing frequency of posts written by month in 2018
  264. Working Draft Podcast: On Tour @ #perfnow 5/6 IndieWeb Avatar for https://workingdraft.de/on-tour-perfnow-zach-leatherman/ 21 min
  265. Don’t Stop Learning Frameworks 2k
  266. Should I Use JavaScript to Load My Web Fonts? IndieWeb Avatar for https://www.filamentgroup.com/lab/js-web-fonts.html
  267. Happy Birthday Eleventy! 🎉 1k
  268. The Five Whys of Web Font Loading PerformanceTalk 46 min4k
  269. Speaking at: performance.now(); the Web Performance Conference IndieWeb Avatar for https://perfnow.nl/
  270. A Group of Web Font Repaints is called a Michael Serif
  271. The Problem with font-display and Reflow 5k
  272. The Font Loading Checklist #1825k
  273. TalkScript Episode #14 34 min
  274. Speaking at: Concatenate Conference
  275. NEJS CONF 2018 IndieWeb Avatar for https://nebraskajs.com/
  276. The Life Expectancy of Digital Content
  277. The Simplest Web Site That Could Possibly Work Well 4k
  278. Obnoxiously Readable Responsive Text with Viewport Units 5k
  279. preload with font-display: optional is an Anti-pattern 4k
  280. Import your Disqus Comments to Eleventy
  281. “The Compromise”—a Modern but Compatible Font Loading Strategy 4k
  282. Passing the Lead NebraskaJS Organizer Baton IndieWeb Avatar for https://nebraskajs.com/
  283. Google Open Source Award for Eleventy IndieWeb Avatar for https://www.google.com/
  284. imaging-heap, Measuring Responsive Image Efficiency
  285. It’s Dangerous to Go Stallone. Take Glyphhanger 6k
  286. “A letter about Google AMP”
  287. Web Fonts are ▢▢▢ Rocket ScienceTalk IndieWeb Avatar for https://www.filamentgroup.com/lab/rocket-science.html 47 min
  288. Introducing Eleventy, a new Static Site Generator 15k
  289. Speaking at: SmashingConf London (2018) IndieWeb Avatar for https://smashingconf.com/london-2018/
  290. Making a Simple Web Site with the Simplest Static Site Generator, Level 2—Adding Filters 18k
  291. Making a Simple Web Site with the Simplest Static Site Generator, Level 1 44k
  292. spider-pig Searches for Nodes that match a CSS Selector
  293. Airing Out 2017’s Dirty Laundry
  294. 2017 ×23 Sparkline representing frequency of posts written by month in 2017
  295. 23 Minutes of Work for Better Font Loading #1619k16
  296. Speaking at: NebraskaJS Omaha (Web Fonts are ▢▢▢ Rocket Science) IndieWeb Avatar for https://www.meetup.com/nebraskajs/events/238363544/
  297. Managing Font Loading CSS Was Painful—Not Anymore 5k
  298. A Collection of Web Font Loading Recipes 3k1
  299. FOIT vs. FOUT, a Side by Side Comparison 13k2
  300. A Historical Look at FOUT and FOIT 4k
  301. Web Standards Podcast #85 86 min
  302. Speaking at: CSS-Minsk-JS (2017)
  303. The Ten Twitter CommandmentsTalk 2k
  304. The Web Font Loading Glossary 15k
  305. I made a style guide for my personal web site and you should too. 5k3
  306. NEJS CONF 2017 IndieWeb Avatar for https://nebraskajs.com/
  307. Font Aliasing, or How to Rename a Font in CSS 16k7
  308. Laissez-faire Font Smoothing and Anti-aliasing #2017k7
  309. Quick Demo: Animating on an Oval Path 1k2
  310. Wait, WebP is actually worth it. 5k10
  311. What Are You Excited About?Talk 1k
  312. Selecthor: A Better way to Learn and Demo CSS Selectors
  313. Randsom: A Random Web Fonts Ransom Note 1k
  314. Bernie Tweets
  315. CSS-Tricks Video Screencasts #152: Font Loading IndieWeb Avatar for https://css-tricks.com/video-screencasts/152-font-loading-zach-leatherman/ 57 min
  316. Shop Talk Show #247: The Performance Equation IndieWeb Avatar for http://shoptalkshow.com/episodes/247-performance-equation/ 72 min
  317. In Case You Missed It: 2016
  318. 2016 ×17 Sparkline representing frequency of posts written by month in 2016
  319. No @font-face Syntax will ever be Bulletproof, Nor Should It Be. 3k
  320. faux-pas, Detecting Faux Web Font Rendering
  321. Lazy Loading Web Fonts Is Probably Not What You Want 6k
  322. Separating Fact from Fiction on the InternetTalk
  323. I Wanted to Type a Number IndieWeb Avatar for https://www.filamentgroup.com/lab/type-number.html
  324. NEJS CONF 2016 Recap
  325. Beyond Code #4 at NEJS CONF 2015 3 min
  326. A Comprehensive Guide to Font Loading Strategies #1204k52
  327. CSS Position StickyTalk 10 min
  328. Web Fonts for President 2016 #827k10
  329. The Web Fonts: Preloaded #729k3
  330. Trying out a new Font Stack 1k1
  331. Web Font Anti-pattern: Data URIs 15k17
  332. A Versatile 2KB of JSTalk 25 min
  333. A Story About Proxy Filters
  334. Critical Web Fonts #1520k1
  335. In Case You Missed It: 2015
  336. 2015 ×19 Sparkline representing frequency of posts written by month in 2015
  337. The Infinity Hamburger Menu 5k
  338. Using Custom Fonts Responsibly, an Akamai Animated Short 5 min
  339. Frameworks, not Blameworks 3k
  340. A Brief History of that Time You Used Web Fonts—SmashingConf BarcelonaTalk 48 min
  341. The Performance and Usability of Web Fonts—Velocity New York CityTalk 42 min
  342. Filament Group is Agency of the Year at Net Awards IndieWeb Avatar for https://www.filamentgroup.com/lab/agency-of-year.html
  343. A Hypocrite’s Guide to Public SpeakingTalk 17 min2k1
  344. Changelog #166, NEJS CONF 2015 IndieWeb Avatar for https://changelog.com/podcast/166 69 min
  345. NEJS CONF 2015 Recap
  346. Smashing Book #5
  347. The Mitt Romney Web Font Problem 9k3
  348. The Performance and Usability of Font Loading—Velocity Santa ClaraTalk 39 min1k1
  349. Tech Meetup at the White HouseTalk 3 min4k1
  350. Compatibility Tables Compendium 7k9
  351. Better @font-face with Font Load Events—SmashingConf WhistlerTalk 48 min
  352. Flash of Faux Text—still more on Font Loading #1322k1
  353. Performance and Responsive Web Design (2015)Talk 67 min
  354. How we use web fonts responsibly, or, avoiding a @font-face-palm IndieWeb Avatar for http://www.filamentgroup.com/lab/font-loading.html
  355. In Case You Missed It: 2014 1k
  356. 2014 ×14 Sparkline representing frequency of posts written by month in 2014
  357. The Making of Font Family ReunionTalk 19 min
  358. word-break Podcast #1 49 min
  359. WOFF2 See the Wizard, a Wonderful JavaScript Feature Test IndieWeb Avatar for http://www.filamentgroup.com/lab/woff2.html
  360. A Font Family Reunion 8k11
  361. Better @font-face with Font Load Events on Dev.Opera IndieWeb Avatar for https://dev.opera.com/articles/better-font-face/
  362. The Perfect GIFTalk 12 min1k7
  363. W3C Status Banners 1k2
  364. Tablesaw: A Flexible Tool for Responsive Tables IndieWeb Avatar for http://www.filamentgroup.com/lab/tablesaw.html
  365. A Frugal and Simple Guide to Putting Lights on your Bike 8k1
  366. Pastry Box: Impostor Syndrome
  367. Bulletproof Icon Fonts—CSSConfTalk 26 min
  368. Politespace, an unobtrusive alternative to input masks IndieWeb Avatar for http://www.filamentgroup.com/lab/politespace.html
  369. Bulletproof Accessible Icon Fonts IndieWeb Avatar for http://www.filamentgroup.com/lab/bulletproof_icon_fonts.html
  370. A Few Retired Projects
  371. 2013 ×12 Sparkline representing frequency of posts written by month in 2013
  372. In Case You Missed It: 2013 1k3
  373. Domain Swap: A Google Chrome Extension 1k
  374. The Elusive :target Feature Test 5k2
  375. Impostor SyndromeTalk 7 min3k8
  376. A Nodecopter Informercial (at HOW Conf)Talk
  377. A Sliver of What I Learned at JSConf 2013 1k
  378. You Should Follow Fewer People on Twitter 2k3
  379. Performance and Responsive Web Design (2013)Talk 61 min3k5
  380. zachleat.com is Dead, Long Live zachleat.com 1k2
  381. Tool or Die, a Web Developer’s WorkflowTalk 59 min5k2
  382. Side Projects (at Awesome Camp)Talk
  383. A Web Developer Fumbling with Social Media 3k12
  384. 2012 ×6 Sparkline representing frequency of posts written by month in 2012
  385. SocialCount, Faster & Lighter Social Networking Widgets IndieWeb Avatar for https://www.filamentgroup.com/lab/socialcount1k
  386. Performance in Responsive Web Design (2012)Talk
  387. A Front End Engineer’s Manifesto 9k
  388. CSS3 Job Transition 2k3
  389. Let’s get parseIntimate.
  390. Placeholder Title for Article about HTML5 Placeholders 7k10
  391. 2011 ×11 Sparkline representing frequency of posts written by month in 2011
  392. Deferreds and a Better Geolocation API 2k3
  393. A Mobile Web Divided 2k2
  394. Progressive Enhancement (at jQuery Omaha)Talk
  395. FitText + BigText: A Tale of Two Plugins #631k6
  396. Pragmatic Progressive Enhancement 1k1
  397. HTML5 vs. Native Applications, The Presentation 3k7
  398. Raging Netflix Queue, a Google Chrome Extension 3k8
  399. The JavaScript Testing Challenge Winner
  400. Et tu, X-UA-Compatible? 6k3
  401. BigText Makes Text Big #6167k70
  402. An Update to The JavaScript Testing Challenge
  403. 2010 ×12 Sparkline representing frequency of posts written by month in 2010
  404. The JavaScript Testing Challenge 5 min4k8
  405. Faking Onload for Link Elements 16k3
  406. ALARMd is now on Github
  407. Maiden Voyage of the DOM Sailbloat
  408. A Race Against Time Pickers 2k1
  409. Point, Charset, Match: Character Encoding in JavaScript 14k1
  410. Internet Explorer Array.sort Unreliable 13k13
  411. If the Menu Fitts, We Must Acquit
  412. CSS 3 Text: A Tale of writing-mode Woe #1920k3
  413. Trash that “Back to Top” Link 8k8
  414. The 24 Clock on ALARMd 2k3
  415. DIY Webdings—CSS Sprites using @font-face 10k13
  416. 2009 ×9 Sparkline representing frequency of posts written by month in 2009
  417. Don’t Give Up on Internet Explorer Yet
  418. Device Independence on the Open Web
  419. Quick Performance Tip: jQuery and addClass 9k2
  420. Adobe Reverts Flex Store to Open Web
  421. Performance Caveat with jQuery Selectors and Live Events 7k14
  422. Jonathan Sharp at The Ajax Experience
  423. ALARMd Unix Time Format for 1234567890 Day
  424. Registration Forms Suck, Let’s Mitigate Suckiness
  425. Scare Your Visitors with this JavaScript Gravatar Plugin 5k6
  426. 2008 ×25 Sparkline representing frequency of posts written by month in 2008
  427. DOMContentLoaded Inconsistencies (in Browsers and JavaScript Libraries) 16k1
  428. jQuery Bug: IE reports incorrect $.browser.version 3k3
  429. Dear IE6: Please Cache my Images. 6k3
  430. Relative URLs including the Domain
  431. ALARMd is a Google Code Project
  432. Fight Registrastination. Register to vote!
  433. Writing a Front End Engineer’s Resume (or CV) 4k6
  434. Emulating onhashchange without setInterval 9k5
  435. Double Whammy: OpenID and Microformats
  436. Selecting XML Nodes with JavaScript, or the Peril of getElementsByTagName #542k8
  437. Javascript Objects are NOT JSON 1k3
  438. Surnamespacing
  439. Don’t Let the Door Hit You Onunload and Onbeforeunload #1661k10
  440. Forgive My Feed
  441. Rethinking JavaScript Grids and DataTables 12k1
  442. ALARMd 2 Beta, with Google Calendar Integration 8k12
  443. 20000 Leagues Under the API: YouTube JavaScript 1k
  444. Code Like the Big Boys: Flickr
  445. Tips for Programming JavaScript Functions 3k1
  446. Architecture Choices: Callbacks and Events in JavaScript 6k
  447. Yet Another Pretty Date JavaScript 13k25
  448. Minor Annoyances with Firefox Development
  449. Specific Inheritance with TIBCO’s General Interface 1k2
  450. PHP Pretty Date 7k6
  451. Online Movie Rental Review – Amazon Unbox 2k4
  452. 2007 ×47 Sparkline representing frequency of posts written by month in 2007
  453. Quine using XHTML and JavaScript
  454. Faster YUI DataTable with 5 Lines of Code 3k1
  455. Problems with Looping through window.setInterval 1k2
  456. enterval, an automatic setInterval chainer.
  457. Speed up Including Google Analytics 1k
  458. Obscurity, Security, and Captcha
  459. Forward Compatibility and JavaScript
  460. Nursery Rhyme Code Poem [CSS] 1k1
  461. Nursery Rhyme Code Poem [PHP]
  462. Nursery Rhyme Code Poem [JavaScript] 1k1
  463. Write More Efficient Javascript in YUI with CSS Selectors 6k
  464. Cross Domain XHR with Firefox 2 23k18
  465. Namespacing outside of the YAHOO Namespace 9k8
  466. Enlarging your YUI DataTable in 29 Seconds or Less! 10k3
  467. ALARMd now supports URLs
  468. maLArquee, Bringing Back the Marquee 5k4
  469. Using Phing to automate JavaScript and CSS Minimization 3k3
  470. YUI Code Review: YAHOO.namespace 7k3
  471. Using DOM Query Libraries in YUI 2k3
  472. 8 Things the YUI Library Needs to Win Me Back 4k7
  473. What Sound Does a Cow Make? MooTools. 2k1
  474. 20/20 Hindsight, a Look Back at ALARMd
  475. JavaScript Frameworks and JSF 12k6
  476. DOMDom, easy DOM Element Creation 5k9
  477. Wake up to YouTube on my Internet Alarm Clock 25k23
  478. Enlarging your YUI DataTable in 30 Seconds or Less! 6k7
  479. Screen Readers and Listening at the Speed of Sound
  480. Wash your mouth out with SOAP and the YUI Connection Manager 4k3
  481. YUI DataTable and You: Making the Marriage Work 15k7
  482. I-Frame Shims or How I Learned to Stop Worrying and Love the Bomb 7k8
  483. JavaScript Code Coverage Tool for Firebug 13k18
  484. Google Using YUI Grids CSS 9k9
  485. Problems with YUI DataTable 20k28
  486. YUI Button Lite 2k
  487. Logical XOR in JavaScript 2k2
  488. Conservative Design Example: Hierarchical Options
  489. Fundamental Problem with YUI Button 2k1
  490. OMG SOA
  491. Conservative Design Example: Multiple Option List 1k
  492. Conservative Design: Command Line Interface 2k
  493. Namespaces in Ext DomQuery 1k
  494. Beaten to the Spiked Punch
  495. Conservative Design: Option List
  496. Conservative Design Patterns for Form Elements 2k3
  497. Conservative Design: Hierarchical Select 3k1
  498. Screen Printing, Fake Interfaces Part 1
  499. Checklist for Web Applications 1k