zachleat’s Ugly Mug

Zach Leatherman

Zach is a Front End Engineer / Web Developer with Filament Group. He has given talks at Smashing Conference, O’Reilly Velocity, CSSConf, and The White House. He also herds the NebraskaJS meetup and NEJS CONF. Read more about Zach »

  1. 2018
  2. Web Fonts are ▢▢▢ Rocket Science Web FontsConference Speaking47 min Video Feb 2018
  3. Introducing Eleventy, a new Static Site Generator EleventyProject Feb 2018
  4. SmashingConf London 2018 Conference Speakingon 📅 February 7 Feb 2018
  5. Making a Simple Web Site with the Simplest Static Site Generator, Level 2—Adding Filters Eleventy Jan 2018
  6. Making a Simple Web Site with the Simplest Static Site Generator, Level 1 Eleventy Jan 2018
  7. spider-pig Searches for Nodes that match a CSS Selector Project Jan 2018
  8. Airing Out 2017’s Dirty Laundry Jan 2018
  9. 2017
  10. 23 Minutes of Work for Better Font Loading Web Fonts🔥 #1 Nov 2017
  11. NebraskaJS Omaha Speakingon 📅 November 14 Nov 2017
  12. Managing Font Loading CSS Was Painful—Not Anymore Web FontsProject🔥 #4 Nov 2017
  13. A Collection of Web Font Loading Recipes Web FontsProjectResearch🔥 #15 Oct 2017
  14. FOIT vs. FOUT, a Side by Side Comparison Web FontsProject Oct 2017
  15. A Historical Look at FOUT and FOIT Web Fonts🔥 #11 Sep 2017
  16. Web Standards Podcast #85 Web FontsSpeaking Sep 2017
  17. CSS-Minsk-JS Conference Speakingon 📅 September 10 Sep 2017
  18. The Ten Twitter Commandments Speaking Aug 2017
  19. The Web Font Loading Glossary Web Fonts🔥 #7 Aug 2017
  20. I made a style guide for my personal web site and you should too. 🔥 #9 Aug 2017
  21. NEJS CONF 2017 Conference Organizingon 📅 July 21 Jul 2017
  22. Font Aliasing, or How to Rename a Font in CSS Research🔥 #6Highlight Jun 2017
  23. Laissez-faire Font Smoothing and Anti-aliasing Research🔥 #14Highlight May 2017
  24. Quick Demo: Animating on an Oval Path May 2017
  25. Wait, WebP is actually worth it. Research🔥 #17 Apr 2017
  26. What Are You Excited About? Speaking Apr 2017
  27. Selecthor: A Better way to Learn and Demo CSS Selectors Project Apr 2017
  28. Randsom: A Random Web Fonts Ransom Note Project Apr 2017
  29. Bernie Tweets Project Mar 2017
  30. CSS-Tricks Video Screencasts #152: Font Loading Speaking57 min Video Jan 2017
  31. Shop Talk Show #247: The Performance Equation Speaking72 min Audio Jan 2017
  32. In Case You Missed It: 2016 Jan 2017
  33. 2016
  34. No @font-face Syntax will ever be Bulletproof, Nor Should It Be. Web FontsHighlight Dec 2016
  35. Lazy Loading Web Fonts Is Probably Not What You Want Web FontsHighlight Nov 2016
  36. I Wanted to Type a Number ResearchHighlight Aug 2016
  37. NEJS CONF 2016 Recap Conference Organizingon 📅 August 26 Aug 2016
  38. Beyond Code #4 at NEJS CONF 2015 Speaking3 min Video Aug 2016
  39. A Comprehensive Guide to Font Loading Strategies Web Fonts🔥 #2Highlight Jul 2016
  40. CSS Position Sticky Speaking10 min Video Jun 2016
  41. Web Fonts for President 2016 Web Fonts🔥 #5 Apr 2016
  42. The Web Fonts: Preloaded Web FontsResearch🔥 #10Highlight Apr 2016
  43. Trying out a new Font Stack Apr 2016
  44. Web Font Anti-pattern: Data URIs Web FontsResearch🔥 #19Highlight Mar 2016
  45. A Versatile 2KB of JS Speaking25 min Video Mar 2016
  46. A Story About Proxy Filters Feb 2016
  47. Critical Web Fonts Web FontsResearch🔥 #8Highlight Jan 2016
  48. In Case You Missed It: 2015 Jan 2016
  49. 2015
  50. The Infinity Hamburger Menu Project Dec 2015
  51. Frameworks, not Blameworks Nov 2015
  52. A Brief History of that Time You Used Web Fonts—SmashingConf Barcelona Web FontsConference Speaking48 min Video Oct 2015
  53. The Performance and Usability of Web Fonts—Velocity New York City Web FontsConference Speaking42 min Video Oct 2015
  54. A Hypocrite’s Guide to Public Speaking Speaking17 min VideoHighlight Sep 2015
  55. Changelog #166, NEJS CONF 2015 Speaking69 min Audio Aug 2015
  56. NEJS CONF 2015 Recap Conference Organizingon 📅 August 7 Aug 2015
  57. The Mitt Romney Web Font Problem Web FontsResearchHighlight May 2015
  58. The Performance and Usability of Font Loading—Velocity Santa Clara Web FontsConference Speaking39 min Video May 2015
  59. Tech Meetup at the White House Speaking3 min VideoHighlight Apr 2015
  60. Compatibility Tables Compendium Mar 2015
  61. Better @font-face with Font Load Events—SmashingConf Whistler Web FontsConference Speaking48 min VideoHighlight Feb 2015
  62. Flash of Faux Text—still more on Font Loading Web FontsResearch🔥 #13Highlight Jan 2015
  63. Performance and Responsive Web Design (2015) Speaking67 min Video Jan 2015
  64. How we use web fonts responsibly, or, avoiding a @font-face-palm Web FontsResearch Jan 2015
  65. In Case You Missed It: 2014 Jan 2015
  66. 2014
  67. The Making of fontfamily.io Web FontsSpeaking19 min Video Nov 2014
  68. word-break Podcast #1 Speaking49 min Audio Nov 2014
  69. WOFF2 See the Wizard, a Wonderful JavaScript Feature Test Web FontsProject Oct 2014
  70. A Font Family Reunion Web FontsProjectHighlight Sep 2014
  71. Better @font-face with Font Load Events on Dev.Opera Web FontsResearchHighlight Sep 2014
  72. The Perfect GIF Speaking12 min Video Sep 2014
  73. W3C Status Banners Project Aug 2014
  74. Tablesaw: A Flexible Tool for Responsive Tables ProjectHighlight Aug 2014
  75. A Frugal and Simple Guide to Putting Lights on your Bike Jul 2014
  76. Pastry Box: Impostor Syndrome Jun 2014
  77. Bulletproof Icon Fonts—CSSConf Web FontsConference Speaking26 min Video May 2014
  78. Politespace, an unobtrusive alternative to input masks Project Apr 2014
  79. Bulletproof Accessible Icon Fonts Web FontsProjectResearchHighlight Jan 2014
  80. 2013
  81. In Case You Missed It: 2013 Dec 2013
  82. Domain Swap: A Google Chrome Extension Project Dec 2013
  83. The Elusive :target Feature Test ResearchHighlight Nov 2013
  84. Impostor Syndrome Speaking7 min VideoHighlight Oct 2013
  85. A Nodecopter Informercial (at HOW Conf) Sep 2013
  86. A Sliver of What I Learned at JSConf 2013 Jun 2013
  87. You Should Follow Fewer People on Twitter Project Jun 2013
  88. Performance and Responsive Web Design (2013) Speaking61 min Video May 2013
  89. zachleat.com is Dead, Long Live zachleat.com May 2013
  90. Tool or Die, a Web Developer’s Workflow Conference Speaking59 min VideoHighlight Mar 2013
  91. Side Projects (at Awesome Camp) Mar 2013
  92. A Web Developer Fumbling with Social Media Jan 2013
  93. 2012
  94. SocialCount, Faster & Lighter Social Networking Widgets ProjectHighlight Nov 2012
  95. Performance in Responsive Web Design (2012) Nov 2012
  96. A Front End Engineer’s Manifesto ProjectConference SpeakingHighlight Sep 2012
  97. CSS3 Job Transition May 2012
  98. Let’s get parseIntimate. Project Feb 2012
  99. Placeholder Title for Article about HTML5 Placeholders ResearchHighlight Feb 2012
  100. 2011
  101. Deferreds and a Better Geolocation API Nov 2011
  102. A Mobile Web Divided Aug 2011
  103. Progressive Enhancement (at jQuery Omaha) Aug 2011
  104. FitText + BigText: A Tale of Two Plugins Web FontsProject🔥 #16Highlight May 2011
  105. Pragmatic Progressive Enhancement Highlight May 2011
  106. HTML5 vs. Native Applications, The Presentation Mar 2011
  107. Raging Netflix Queue, a Google Chrome Extension Project Feb 2011
  108. The JavaScript Testing Challenge Winner Feb 2011
  109. Et tu, X-UA-Compatible? ResearchHighlight Feb 2011
  110. BigText Makes Text Big Web FontsProject🔥 #3Highlight Jan 2011
  111. An Update to The JavaScript Testing Challenge Jan 2011
  112. 2010
  113. The JavaScript Testing Challenge Speaking5 min Video Nov 2010
  114. Faking Onload for Link Elements ResearchHighlight Jul 2010
  115. ALARMd is now on Github Jul 2010
  116. Maiden Voyage of the DOM Sailbloat Project Jul 2010
  117. A Race Against Time Pickers Jun 2010
  118. Point, Charset, Match: Character Encoding in JavaScript Research Mar 2010
  119. Internet Explorer Array.sort Unreliable ResearchHighlight Feb 2010
  120. If the Menu Fitts, We Must Acquit Feb 2010
  121. CSS 3 Text: A Tale of writing-mode Woe Research🔥 #20 Feb 2010
  122. Trash that “Back to Top” Link Feb 2010
  123. The 24 Clock on ALARMd Jan 2010
  124. DIY Webdings – CSS Sprites using @font-face ResearchHighlight Jan 2010
  125. 2009
  126. Don’t Give Up on Internet Explorer Yet Dec 2009
  127. Device Independence on the Open Web Highlight Aug 2009
  128. Quick Performance Tip: jQuery and addClass Jun 2009
  129. Adobe Reverts Flex Store to Open Web May 2009
  130. Performance Caveat with jQuery Selectors and Live Events Research May 2009
  131. Jonathan Sharp at The Ajax Experience Feb 2009
  132. ALARMd Unix Time Format for 1234567890 Day Feb 2009
  133. Registration Forms Suck, Let’s Mitigate Suckiness Jan 2009
  134. Scare Your Visitors with this JavaScript Gravatar Plugin Project Jan 2009
  135. 2008
  136. DOMContentLoaded Inconsistencies (in Browsers and JavaScript Libraries) ResearchHighlight Dec 2008
  137. jQuery Bug: IE reports incorrect $.browser.version Oct 2008
  138. Dear IE6: Please Cache my Images. Research Oct 2008
  139. Relative URLs including the Domain Oct 2008
  140. ALARMd is a Google Code Project Oct 2008
  141. Fight Registrastination. Register to vote! Project Sep 2008
  142. Writing a Front End Engineer’s Resume (or CV) Sep 2008
  143. Emulating onhashchange without setInterval ResearchHighlight Aug 2008
  144. Double Whammy: OpenID and Microformats May 2008
  145. Selecting XML Nodes with JavaScript (Peril of getElementsByTagName) Research🔥 #18Highlight May 2008
  146. Javascript Objects are NOT JSON May 2008
  147. Surnamespacing May 2008
  148. Don’t Let the Door Hit You Onunload and Onbeforeunload Research🔥 #12Highlight Apr 2008
  149. Forgive My Feed Apr 2008
  150. Rethinking JavaScript Grids and DataTables Apr 2008
  151. ALARMd 2 Beta, with Google Calendar Integration ProjectHighlight Apr 2008
  152. 20000 Leagues Under the API: YouTube JavaScript Apr 2008
  153. Code Like the Big Boys: Flickr Mar 2008
  154. Tips for Programming JavaScript Functions Mar 2008
  155. Architecture Choices: Callbacks and Events in JavaScript Mar 2008
  156. Yet Another Pretty Date JavaScript ProjectHighlight Mar 2008
  157. Minor Annoyances with Firefox Development Mar 2008
  158. Specific Inheritance with TIBCO’s General Interface Mar 2008
  159. PHP Pretty Date Project Feb 2008
  160. Online Movie Rental Review – Amazon Unbox Jan 2008
  161. 2007
  162. Quine using XHTML and JavaScript Dec 2007
  163. Faster YUI DataTable with 5 Lines of Code Dec 2007
  164. Problems with Looping through window.setInterval Dec 2007
  165. enterval, an automatic setInterval chainer. Project Dec 2007
  166. Speed up Including Google Analytics Nov 2007
  167. Obscurity, Security, and Captcha Nov 2007
  168. Forward Compatibility and JavaScript Nov 2007
  169. Nursery Rhyme Code Poem [CSS] Oct 2007
  170. Nursery Rhyme Code Poem [PHP] Oct 2007
  171. Nursery Rhyme Code Poem [JavaScript] Oct 2007
  172. Write More Efficient Javascript in YUI with CSS Selectors Project Sep 2007
  173. Cross Domain XHR with Firefox 2 Aug 2007
  174. Namespacing outside of the YAHOO Namespace Aug 2007
  175. Enlarging your YUI DataTable in 29 Seconds or Less! Aug 2007
  176. ALARMd now supports URLs Aug 2007
  177. maLArquee, Bringing Back the Marquee Project Aug 2007
  178. Using Phing to automate JavaScript and CSS Minimization Aug 2007
  179. YUI Code Review: YAHOO.namespace Aug 2007
  180. Using DOM Query Libraries in YUI Jul 2007
  181. 8 Things the YUI Library Needs to Win Me Back Jul 2007
  182. What Sound Does a Cow Make? MooTools. Jul 2007
  183. 20/20 Hindsight, a Look Back at ALARMd Jul 2007
  184. JavaScript Frameworks and JSF Jul 2007
  185. DOMDom, easy DOM Element Creation Project Jul 2007
  186. Wake up to YouTube on my Internet Alarm Clock ProjectHighlight Jun 2007
  187. Enlarging your YUI DataTable in 30 Seconds or Less! Jun 2007
  188. Screen Readers and Listening at the Speed of Sound May 2007
  189. Wash your mouth out with SOAP and the YUI Connection Manager May 2007
  190. YUI DataTable and You: Making the Marriage Work Apr 2007
  191. I-Frame Shims or How I Learned to Stop Worrying and Love the Bomb Apr 2007
  192. JavaScript Code Coverage Tool for Firebug Project Apr 2007
  193. Google Using YUI Grids CSS Highlight Apr 2007
  194. Problems with YUI DataTable Apr 2007
  195. YUI Button Lite Mar 2007
  196. Logical XOR in JavaScript Project Mar 2007
  197. Conservative Design Example: Hierarchical Options Mar 2007
  198. Fundamental Problem with YUI Button Mar 2007
  199. OMG SOA Mar 2007
  200. Conservative Design Example: Multiple Option List Mar 2007
  201. Conservative Design: Command Line Interface Mar 2007
  202. Namespaces in Ext DomQuery Mar 2007
  203. Beaten to the Spiked Punch Mar 2007
  204. Conservative Design: Option List Feb 2007
  205. Conservative Design Patterns for Form Elements Feb 2007
  206. Conservative Design: Hierarchical Select Feb 2007
  207. Screen Printing, Fake Interfaces Part 1 Feb 2007
  208. Checklist for Web Applications Feb 2007