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

Archives

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