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

Archives

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