Archives

View Popular Posts 🔥

2022 ×4
Back to the Facepile, Featherweight Edition #2📢 13
Trailing Slashes on URLs: Contentious or Settled? #1📢 196
CSS-only External Link Favicons Project #3📢 94
Eleventy v1.0.0, the stable release. #9📢 4
2021 ×41
The Eleventy API Explorer Project📢 28
Mix and Match Template Syntax in Eleventy using the Render Plugin Project
How to add Authentication to your Eleventy Site ProjectSpeaking7 min Video📢 52
Recycling Open Graph Images for display on my Web Site Project📢 33
A New Eleventy Mascot from Geri Coady
The Art of Deception, Lighthouse Score Edition #5📢 121
Who Pays for Web Frameworks? #18📢 317
The State of Eleventy (2021) in Two Minutes Speaking2 min Video📢 3
The 11ties: 11 Minute Talks about 11ty on 11/11
Shout out to Jamstack Conf 2021 Jammies Award Winners
The Very First Eleventy 1.0 Beta Release 📢 3
Jamstack Community Survey 2021 Results
IndieWeb Avatar, yet another Eleventy Image Service API Project📢 61
Every Fire Needs a Sparkline Project📢 22
Two Million npm Downloads for Eleventy
Vector? Raster? Why Not Both! #6📢 218
Fire SVG animations (SMIL) when the SVG is visible #13📢 130
If I work really hard on my Open Graph Images, People will share my Blog Posts #11📢 230
Building an Automated Screenshot Service on Netlify in ~140 Lines of Code Project #17📢 99
Uniclode: yet another demo of Eleventy Serverless Web FontsProject📢 22
Eleventy Serverless, a talk video fromThe Eleventy Meetup Speaking43 min Video
Rainglow: a demo of Eleventy Serverless Project📢 34
InauguralEleventy Meetup: Hello World (a talk about Eleventy Serverless) Speakingon July 15
Some Antics withBen Myers: A First Look at Eleventy Serverless! Speaking73 min Video📢 27
Eleventy Serverless (~~Eleventy Cloud~~) Thus Far 📢 95
Defer generating 400+ pages using Eleventy Cloud and On-demand Builders Speaking8 min Video📢 25
How and Why I Removed 3000 Images from the Eleventy Docs Build Speaking4 min Video📢 1
Powering Netlify’s Community Events with Structured Content (and a preview of Eleventy Cloud) Speaking23 min Video📢 9
Content is Data—Sanity Open House Speakingon March 25
Image Ready v2—Developer Experience @ Eleventy Speaking22 min Video📢 33
A Pandemic By Any Other Name 📢 48
Built IT Better: Architecture feat.Jason Lengstorf andZach Leatherman Speaking58 min Video
Queue Code—“Live” Code without Errors Project📢 59
Unicode Range Interchange Web FontsProject📢 18
This Web Site is a Tech Talk Speaking45 min Video📢 206
Join the Eleventy Super Professional Business Network
Jamstack 101: Getting Started with Eleventy, presented byAgility CMS Speaking73 min Video
Barebones CSS for Fluid Images Research #10📢 263
Don’t Shut Down Your Business! Instead Use Eleventy Image Project #20📢 180
A little collection of theme-less Web Components Project📢 37
Images atJamstack Toronto Speakingon January 20
2020 ×21
Ruthlessly Eliminating Layout Shift on netlify.com 📢 159
SmashingConf Austin 2020 Speakingon October 13
The State of Eleventy (2020) in Two Minutes Speaking2 min Video
Eleventy and Vue, a match made to power Netlify.com
Eleventy Leaderboards v2 viaSpeedlify Project📢 55
Cloudflare’s Creative Corner with theNetlify team Speaking
Netlify’s Merry Band of 1 Million Developers 📢 14
Bulk Generating OG Images 📢 65
The Lighthouse Scores Will Continue Until Morale Improves Project📢 27
I added Lighthouse Scores to my Site’s Footer and You Can Too Project #19📢 265
UseSpeedlify to Continuously Measure Site Performance Project #12📢 552
Résumé/CV on the Jamstack 📢 55
CSS Naked Day 📢 3
Eleventy’s New Performance Leaderboard 📢 55
My Favorite Typinator Macros
Eleventy Crash Course with Nick and Zach—NebraskaJS Omaha Speaking
Speaker Spotlight: a chat with Vitaly Friedman Web FontsSpeaking19 min Video
Now Deploying toNetlify 📢 34
A Love Letter toFilament Group 📢 123
Let’s Learn Eleventy! onLearn with Jason Speakingon Jan 792 min Video
Eleventy Crash Course with Nick and Zach—NebraskaJS Omaha Speakingon Jan 7
2019 ×36
The Origin Story of Container Queries Research📢 133
Building Exclusive Features For Open Collective Contributors on Netlify Project📢 21
Shop Talk Show #390: Eleventy with Zach Leatherman Speaking62 min Audio
Eleventy Documentation has moved to 11ty.dev
HTTP Archive’s Web Almanac 2019—Web Fonts Edition Web FontsResearch
Own Your Content on Social Media Using the IndieWeb Speaking📢 98
Making a PWA out of the 1996 Space Jam Web Site Speaking📢 14
A look back at NEJS CONF, 2015–2019 NEJS CONFSpeaking📢 74
JAMstack_conf_sf 2019 Speakingon October 16–18
I’m Taking Ownership of My Tweets Project📢 38
Two Browsers Walked Into a Scrollbar Research
A Featherweight Facepile Project📢 35
NEJS CONF 2019 NEJS CONFon August 9
Reactions to: An Honest Conversation About Burnout on JSParty 📢 24
Bridgy for Webmentions with Brotli 📢 4
Developing a Robust Font Loading Strategy for CSS-Tricks Web FontsResearch #15📢 142
Week Notes №3 ending 14 Jun 2019 📢 3
Smashing TV: The Five Whys of Web Font Loading Performance Web FontsSpeakingon June 13
Spicy fonts and static sites 🌶️—JS Party Episode #79 Web FontsSpeaking67 min Audio
The Crushing Weight of the Facepile 📢 63
Week Notes №2 ending 7 June 2019 📢 5
Render Snarky Comments in Comic Sans 📢 229
Week Notes №1 ending 24 May 2019 📢 7
The Co-opetition of Team Web 📢 34
font-display is Incompatible with Icon Fonts Web Fonts📢 83
Web Engineering Düsseldorf Web FontsSpeakingon May 16
The Scoville Scale of Web Font Loading Opinions Web FontsSpeaking📢 30
beyond tellerrand—Düsseldorf Speakingon May 13–15
Google Fonts is Adding font-display 🎉 Web Fonts #8📢 121
NebraskaJS Omaha Speakingon May 7
Navigate directly to a GitHub Issue
Eleventy Quick Tip №8: Trigger a Netlify Build Every Day with IFTTT
Eleventy Quick Tip №7: Fetch GitHub Stargazers Count (and More) at Build Time
Download a Twitter User’s Profile Image
Build your own Blog from Scratch using Eleventy
Get all Font Sizes in use on a Web Page
2018 ×29
Working Draft Podcast: On Tour @ #perfnow 5/6 Web FontsSpeaking21 min Audio
Don’t Stop Learning ~~Frameworks~~ 📢 54
Should I Use JavaScript to Load My Web Fonts? Web FontsResearch
Happy Birthday Eleventy! 🎉 📢 10
The Five Whys of Web Font Loading Performance Web FontsSpeaking46 min Video📢 4
performance.now(); the Web Performance Conference Speakingon November 8–9
A Group of Web Font Repaints is called a Michael Serif Web Fonts
The Problem with font-display and Reflow Web Fonts📢 45
The Font Loading Checklist Web Fonts #16📢 17
TalkScript Episode #14 NEJS CONFSpeaking34 min Audio
Concatenate Conference Speakingon August 10–11
NEJS CONF 2018 NEJS CONFon July 27
The Life Expectancy of Digital Content
The Simplest Web Site That Could Possibly Work Well NEJS CONF
Obnoxiously Readable Responsive Text with Viewport Units Web Fonts
preload with font-display: optional is an Anti-pattern Web Fonts📢 49
Import your Disqus Comments to Eleventy 📢 4
“The Compromise”—a Modern but Compatible Font Loading Strategy Web Fonts📢 53
Passing the Lead NebraskaJS Organizer Baton
Google Open Source Award for Eleventy
imaging-heap, Measuring Responsive Image Efficiency Project
It’s Dangerous to Go Stallone. Take Glyphhanger Web FontsProject📢 7
“A letter about Google AMP”
Web Fonts are ▢▢▢ Rocket Science Web FontsSpeaking47 min Video
Introducing Eleventy, a new Static Site Generator Project
SmashingConf London 2018 Speakingon February 7
Making a Simple Web Site with the Simplest Static Site Generator, Level 2—Adding Filters 📢 1
Making a Simple Web Site with the Simplest Static Site Generator, Level 1 #14📢 1
spider-pig Searches for Nodes that match a CSS Selector Project📢 9
2017 ×24
Airing Out 2017’s Dirty Laundry
23 Minutes of Work for Better Font Loading Web Fonts📢 62
NebraskaJS Omaha Speakingon November 14
Managing Font Loading CSS Was Painful—Not Anymore Web FontsProject
A Collection of Web Font Loading Recipes Web FontsProjectResearch📢 1
FOIT vs. FOUT, a Side by Side Comparison Web FontsProject📢 6
A Historical Look at FOUT and FOIT Web Fonts📢 130
Web Standards Podcast #85 Web FontsSpeaking86 min Audio
CSS-Minsk-JS Speakingon September 10
The Ten Twitter Commandments Speaking
The Web Font Loading Glossary Web Fonts📢 1
I made a style guide for my personal web site and you should too. 📢 3
NEJS CONF 2017 NEJS CONFon July 21
Font Aliasing, or How to Rename a Font in CSS Research📢 12
Laissez-faire Font Smoothing and Anti-aliasing Research📢 14
Quick Demo: Animating on an Oval Path 📢 2
Wait, WebP is actually worth it. Research📢 10
What Are You Excited About? Speaking
Selecthor: A Better way to Learn and Demo CSS Selectors Project📢 4
Randsom: A Random Web Fonts Ransom Note Project📢 2
Bernie Tweets Project
CSS-Tricks Video Screencasts #152: Font Loading Speaking57 min Video
Shop Talk Show #247: The Performance Equation Speaking72 min Audio
In Case You Missed It: 2016
2016 ×16
No @font-face Syntax will ever be Bulletproof, Nor Should It Be. Web Fonts
faux-pas, Detecting Faux Web Font Rendering Project
Lazy Loading Web Fonts Is Probably Not What You Want Web Fonts📢 4
Separating Fact from Fiction on the Internet Speaking
I Wanted to Type a Number Research
NEJS CONF 2016 Recap NEJS CONFon August 26
Beyond Code #4 at NEJS CONF 2015 Speaking3 min Video
A Comprehensive Guide to Font Loading Strategies Web Fonts #4📢 334
CSS Position Sticky Speaking10 min Video
Web Fonts for President 2016 Web Fonts📢 10
The Web Fonts: Preloaded Web FontsResearch📢 25
Trying out a new Font Stack 📢 1
Web Font Anti-pattern: Data URIs Web FontsResearch📢 18
A Versatile 2KB of JS Speaking25 min Video
A Story About Proxy Filters
Critical Web Fonts Web FontsResearch📢 6
2015 ×19
In Case You Missed It: 2015
The Infinity Hamburger Menu Project
Using Custom Fonts Responsibly, an Akamai Animated Short Web FontsSpeaking5 min Video
Frameworks, not Blameworks
A Brief History of that Time You Used Web Fonts—SmashingConf Barcelona Web FontsSpeaking48 min Video
The Performance and Usability of Web Fonts—Velocity New York City Web FontsSpeaking42 min Video📢 2
Filament Group is Agency of the Year at Net Awards
A Hypocrite’s Guide to Public Speaking Speaking17 min Video📢 7
Changelog #166, NEJS CONF 2015 NEJS CONFSpeaking69 min Audio
NEJS CONF 2015 Recap NEJS CONFon August 7
Smashing Book #5 Web Fonts
The Mitt Romney Web Font Problem Web FontsResearch📢 12
The Performance and Usability of Font Loading—Velocity Santa Clara Web FontsSpeaking39 min Video📢 1
Tech Meetup at the White House Speaking3 min Video📢 6
Compatibility Tables Compendium 📢 9
Better @font-face with Font Load Events—SmashingConf Whistler Web FontsSpeaking48 min Video
Flash of Faux Text—still more on Font Loading Web FontsResearch📢 3
Performance and Responsive Web Design (2015) Speaking67 min Video
How we use web fonts responsibly, or, avoiding a @font-face-palm Web FontsResearch
2014 ×15
In Case You Missed It: 2014
The Making of fontfamily.io Web FontsSpeaking19 min Video
word-break Podcast #1 Speaking49 min Audio
WOFF2 See the Wizard, a Wonderful JavaScript Feature Test Web FontsProject
A Font Family Reunion Web FontsProject📢 12
Better @font-face with Font Load Events on Dev.Opera Web FontsResearch
The Perfect GIF Speaking12 min Video📢 7
W3C Status Banners Project📢 2
Tablesaw: A Flexible Tool for Responsive Tables Project
A Frugal and Simple Guide to Putting Lights on your Bike 📢 1
Pastry Box: Impostor Syndrome
Bulletproof Icon Fonts—CSSConf Web FontsSpeaking26 min Video
Politespace, an unobtrusive alternative to input masks Project
Bulletproof Accessible Icon Fonts Web FontsProjectResearch
A Few Retired Projects Project
2013 ×12
In Case You Missed It: 2013 📢 3
Domain Swap: A Google Chrome Extension Project
The Elusive :target Feature Test Research📢 2
Impostor Syndrome Speaking7 min Video📢 8
A Nodecopter Informercial (at HOW Conf)
A Sliver of What I Learned at JSConf 2013
You Should Follow Fewer People on Twitter Project📢 3
Performance and Responsive Web Design (2013) Speaking61 min Video📢 5
zachleat.com is Dead, Long Live zachleat.com 📢 40
Tool or Die, a Web Developer’s Workflow Speaking59 min Video📢 16
Side Projects (at Awesome Camp)
A Web Developer Fumbling with Social Media 📢 12
2012 ×6
SocialCount, Faster & Lighter Social Networking Widgets Project
Performance in Responsive Web Design (2012)
A Front End Engineer’s Manifesto ProjectSpeaking📢 12
CSS3 Job Transition 📢 3
Let’s get parseIntimate. Project
Placeholder Title for Article about HTML5 Placeholders Research📢 11
2011 ×11
Deferreds and a Better Geolocation API 📢 3
A Mobile Web Divided 📢 2
Progressive Enhancement (at jQuery Omaha)
FitText + BigText: A Tale of Two Plugins Web Fonts📢 6
Pragmatic Progressive Enhancement 📢 1
HTML5 vs. Native Applications, The Presentation 📢 7
Raging Netflix Queue, a Google Chrome Extension Project📢 8
The JavaScript Testing Challenge Winner 📢 3
Et tu, X-UA-Compatible? Research📢 3
BigText Makes Text Big Web FontsProject #7📢 73
An Update to The JavaScript Testing Challenge
2010 ×12
The JavaScript Testing Challenge Speaking5 min Video📢 8
Faking Onload for Link Elements Research📢 3
ALARMd is now on Github 📢 4
Maiden Voyage of the DOM Sailbloat Project📢 1
A Race Against Time Pickers 📢 1
Point, Charset, Match: Character Encoding in JavaScript Web FontsResearch📢 1
Internet Explorer Array.sort Unreliable Research📢 13
If the Menu Fitts, We Must Acquit 📢 8
CSS 3 Text: A Tale of writing-mode Woe Web FontsResearch📢 3
Trash that “Back to Top” Link 📢 8
The 24 Clock on ALARMd 📢 3
DIY Webdings—CSS Sprites using @font-face Web FontsResearch📢 19
2009 ×9
Don’t Give Up on Internet Explorer Yet 📢 3
Device Independence on the Open Web 📢 3
Quick Performance Tip: jQuery and addClass 📢 2
Adobe Reverts Flex Store to Open Web
Performance Caveat with jQuery Selectors and Live Events Research📢 14
Jonathan Sharp at The Ajax Experience
ALARMd Unix Time Format for 1234567890 Day
Registration Forms Suck, Let’s Mitigate Suckiness 📢 4
Scare Your Visitors with this JavaScript Gravatar Plugin Project📢 6
2008 ×25
DOMContentLoaded Inconsistencies (in Browsers and JavaScript Libraries) Research📢 1
jQuery Bug: IE reports incorrect $.browser.version 📢 3
Dear IE6: Please Cache my Images. Research📢 3
Relative URLs including the Domain 📢 2
ALARMd is a Google Code Project
Fight Registrastination. Register to vote! Project
Writing a Front End Engineer’s Resume (or CV) 📢 6
Emulating onhashchange without setInterval Research📢 5
Double Whammy: OpenID and Microformats
Selecting XML Nodes with JavaScript, or the Peril of getElementsByTagName Research📢 8
Javascript Objects are NOT JSON 📢 3
Surnamespacing 📢 3
Don’t Let the Door Hit You Onunload and Onbeforeunload Research📢 10
Forgive My Feed
Rethinking JavaScript Grids and DataTables 📢 1
ALARMd 2 Beta, with Google Calendar Integration Project📢 12
20000 Leagues Under the API: YouTube JavaScript
Code Like the Big Boys: Flickr 📢 3
Tips for Programming JavaScript Functions 📢 1
Architecture Choices: Callbacks and Events in JavaScript
Yet Another Pretty Date JavaScript Project📢 25
Minor Annoyances with Firefox Development
Specific Inheritance with TIBCO’s General Interface 📢 3
PHP Pretty Date Project📢 6
Online Movie Rental Review – Amazon Unbox 📢 4
2007 ×47
Quine using XHTML and JavaScript
Faster YUI DataTable with 5 Lines of Code 📢 1
Problems with Looping through window.setInterval 📢 2
enterval, an automatic setInterval chainer. Project
Speed up Including Google Analytics
Obscurity, Security, and Captcha 📢 1
Forward Compatibility and JavaScript
Nursery Rhyme Code Poem [CSS] 📢 1
Nursery Rhyme Code Poem [PHP]
Nursery Rhyme Code Poem [JavaScript] 📢 1
Write More Efficient Javascript in YUI with CSS Selectors Project
Cross Domain XHR with Firefox 2 📢 18
Namespacing outside of the YAHOO Namespace 📢 8
Enlarging your YUI DataTable in 29 Seconds or Less! 📢 3
ALARMd now supports URLs
maLArquee, Bringing Back the Marquee Project📢 4
Using Phing to automate JavaScript and CSS Minimization 📢 3
YUI Code Review: YAHOO.namespace 📢 3
Using DOM Query Libraries in YUI 📢 3
8 Things the YUI Library Needs to Win Me Back 📢 7
What Sound Does a Cow Make? MooTools. 📢 1
20/20 Hindsight, a Look Back at ALARMd 📢 2
JavaScript Frameworks and JSF 📢 6
DOMDom, easy DOM Element Creation Project📢 9
Wake up to YouTube on my Internet Alarm Clock Project📢 23
Enlarging your YUI DataTable in 30 Seconds or Less! 📢 7
Screen Readers and Listening at the Speed of Sound
Wash your mouth out with SOAP and the YUI Connection Manager 📢 3
YUI DataTable and You: Making the Marriage Work 📢 7
I-Frame Shims or How I Learned to Stop Worrying and Love the Bomb 📢 8
JavaScript Code Coverage Tool for Firebug Project📢 18
Google Using YUI Grids CSS 📢 9
Problems with YUI DataTable 📢 28
YUI Button Lite
Logical XOR in JavaScript Project📢 2
Conservative Design Example: Hierarchical Options
Fundamental Problem with YUI Button 📢 1
OMG SOA
Conservative Design Example: Multiple Option List
Conservative Design: Command Line Interface
Namespaces in Ext DomQuery
Beaten to the Spiked Punch
Conservative Design: Option List
Conservative Design Patterns for Form Elements 📢 3
Conservative Design: Hierarchical Select 📢 1
Screen Printing, Fake Interfaces Part 1
Checklist for Web Applications 📢 49