Sign in

Zach Leatherman

@zachleat.com
8.6K followers 482 following 4K posts

💾 Web Developer 🔗 zachleat.com 🎈 Creator/Maintainer of @11ty.dev 🧰 @fontawesome.com 🌾 A random person from Nebraska maintaining software 🏳️‍⚧️ Listen to Trans Folks 👋🏻 He/him/they 🐘 zachleat.com/@zachleat 💨 speedlify.dev for WebPerf

PostsRepliesMedia
Zach Leatherman @zachleat.com · 8h
the film American Pie studied this phenomenon through the lens of the American experience in great detail and to great effect, if I remember correctly (in retrospect I probably don’t remember correctly)
170
Zach Leatherman @zachleat.com · 9h
“Why’s your website slow?”
0170
Reposted by Zach Leatherman
Jovi 🐨 @jovidecroock.com · 13h
Preact 11 is out 🎉 We’ve been hard at work at making our diffing use modern features like moveBefore , leveraging ESM for tree-shaking Preact Compat and ensuring you have a great experience with resumed hydration.
59220
Zach Leatherman @zachleat.com · 29/09/2026
WITCHCRAFT!
020
Reposted by Zach Leatherman
Kilian Valkhof @kilianvalkhof.com · 29/09/2026
Working on an infinite canvas is just so, so smooth.
1193
Zach Leatherman @zachleat.com · 29/09/2026
look, figma for iframes goes *hard*
220
Zach Leatherman @zachleat.com · 29/09/2026
<wa-combobox allow-create multiple> is *rad* webawesome.com/docs/compone...
webawesome.com
Combobox | Web Awesome
Comboboxes combine a text input with a listbox, allowing users to filter and select from predefined options or enter custom values.
060
Reposted by Zach Leatherman
Kathryn Grayson Nanz @kgrayson.com · 28/09/2026
"Front-end web developers have lived through a few cycles of this...sold as though improvements to developer experience would cause the reanimated corpse of Ronald Reagan himself to ask you for commit access to ship trickle-down improvements to user experience." www.zachleat.com/web/ai-websi...
zachleat.com
“AI, make the website good”—zachleat.com
A post by Zach Leatherman (zachleat)
072
Zach Leatherman @zachleat.com · 29/09/2026
hacked it down to size
010
Zach Leatherman @zachleat.com · 29/09/2026
all websites are beautiful
000
Zach Leatherman @zachleat.com · 29/09/2026
are the people classified
100
Zach Leatherman @zachleat.com · 29/09/2026
does this also explain why AI company web sites are all slow
230
Zach Leatherman @zachleat.com · 29/09/2026
does anyone know who manages this page?
200
Zach Leatherman @zachleat.com · 29/09/2026
oh my god an svg
010
Reposted by Zach Leatherman
Kilian Valkhof @kilianvalkhof.com · 29/09/2026
hold up when did example.com get a redesign?!
example.com
Example Domain
105714
Reposted by Zach Leatherman
Álvaro Montoro @alvaromontoro.com · 29/09/2026
The W3C released a new HTML element out of nowhere. It was the element of <surprise>.
27215
Reposted by Zach Leatherman
Manuel Matuzović @matuzo.at · 28/09/2026
This advent calendar is your chance to share your knowledge with a large audience. You have 5 more days to submit your ideas. First-time authors are welcome!
01720
Zach Leatherman @zachleat.com · 28/09/2026
*runs away screaming*
000
Zach Leatherman @zachleat.com · 28/09/2026
(ah, yeah I just just kidding around with that last one 😅)
110
Zach Leatherman @zachleat.com · 28/09/2026
yeah i wouldn’t imagine silica is very comfy
120
Zach Leatherman @zachleat.com · 27/09/2026
those silica pillows 😀
130
Zach Leatherman @zachleat.com · 27/09/2026
my thoughts are with you in these strenuous times
010
Reposted by Zach Leatherman
Grace @gracekind.net · 25/09/2026
This is complete vibecoded slop, I’m sorry
DNA sequence
3958748
Zach Leatherman @zachleat.com · 25/09/2026
the awkward part of this post is that if these companies improve the performance of their websites it will change the meaning of the post (the filmstrips update over time) so far I’m about 5% worried about it
080
Reposted by Zach Leatherman
Cory Rylan @coryrylan.com · 12/09/2026
NVIDIA Elements #WebComponents
github.com
GitHub - NVIDIA/elements: NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles
NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles - NVIDIA/elements
074
Reposted by Zach Leatherman
Ben Schwarz @benschwarz.bsky.social · 25/09/2026
Credit where it's due. Frontier tops the airline benchmark, and has trimmed LCP from 3.29s to 2.60s over 9 months. Small, steady wins. Ryanair has been quietly shipping perf improvements since I wrote about their redesign in 2015. A decade of discipline.
Bar chart from Calibre's Core Web Vitals test showing Frontier Airlines' mobile Largest Contentful Paint over nine months. It trends steadily downward from 3.29 seconds to 2.60 seconds, crossing below the 2.5-second "good" threshold marker near the end of the period.
172
Zach Leatherman @zachleat.com · 25/09/2026
I like your website too
010
Zach Leatherman @zachleat.com · 24/09/2026
sorry I can only Servo twice in these trying times
000
Zach Leatherman @zachleat.com · 24/09/2026
I like my website
3180
Zach Leatherman @zachleat.com · 24/09/2026
aha yes, this is resonating!
000
Zach Leatherman @zachleat.com · 24/09/2026
bridgy!!!!
020
Reposted by Zach Leatherman
Ahmad Shadeed @ishadeed.com · 24/09/2026
✍️ New Article: Detect when elements overlap with CSS Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning. ishadeed.com/article/css-...
ishadeed.com
Detect when elements overlap with CSS
Detecting when two elements overlap using only CSS anchor positioning and scroll-driven animations.
57419
Reposted by Zach Leatherman
Bob Monsour @bobmonsour.com · 24/09/2026
11ty Bundle Issue 94 @11ty.dev
11tybundle.dev
Topic relations, Highlight that code, Brennan builds faster, Self-inflicted debugging
11ty Bundle Issue 94
082
Zach Leatherman @zachleat.com · 24/09/2026
we are making commentary! commentary is happening!
010
Zach Leatherman @zachleat.com · 24/09/2026
is candy corn was really corn they would have used it to make ethanol by now
260
Zach Leatherman @zachleat.com · 23/09/2026
Aw dang, sad to see your website sign off here! Definitely a staple in the dev world! Hope you stick around on socials!
121
Reposted by Zach Leatherman
Bryce Wray @brycewray.com · 23/09/2026
Post > Eight years, and done • And I am aware this is not an airport.
brycewray.com
Eight years, and done | BryceWray.com
And I am aware this is not an airport.
491
Reposted by Zach Leatherman
Jake Archibald @jakearchibald.com · 23/09/2026
I've proposed "progressive image rendering" as a focus area for Interop 2027, so we can get progressive JPEG XL support in Safari, and progressive AVIF support in both Safari and Firefox. github.com/web-platform...
github.com
Progressive image rendering for JPEG XL and AVIF · Issue #1459 · web-platform-tests/interop
Description When we looked into JPEG XL, I asked developers why they were interested in the format, and the most common answer was "progressive rendering". This is now working in Firefox and Chrome...
3629
Reposted by Zach Leatherman
Mark Watson @watsoncomedian.bsky.social · 23/09/2026
If you're designing a website for a restaurant, my tip would be: making it easy to find the menu is important, a 30-year breakdown of the founder's original vision and evolving philosophy less important.
1452220177
Reposted by Zach Leatherman
Paul Kinlan @paul.kinlan.me · 23/09/2026
Great seeing responsively sized iframes landing in Chrome - developer.chrome.com/blog/respons... In my post "The browser is the sandbox", I said: "We need a way to size the outer-iframe (or iframes in general) that doesn’t rely on access to iframe.[...].innerHeight and sandbox='allow-same-origin'"
developer.chrome.com
Responsive iframes in Chrome 154  |  Blog  |  Chrome for Developers
Chrome 154 adds support for responsively-sized iframes, letting an iframe size itself based on the intrinsic size of its embedded document.
3298
Reposted by Zach Leatherman
Bramus @bram.us · 22/09/2026
Another week, another package: show-keystrokes.netlify.app The native app I typically use to display keystrokes on the screen is disallowed by a corp policy. So I wrote a component to fill that gap. Embed it on your site and you’re good to go.
show-keystrokes.netlify.app
<show-keystrokes> – Keystroke & Shortcut Visualizer
A custom element that visualizes keystrokes, keyboard shortcuts, and navigational keys with macOS/Windows support and customizable themes.
58112
Zach Leatherman @zachleat.com · 23/09/2026
100% I would also explicitly add: “Can we do without it?” 😅
030
Reposted by Zach Leatherman
Zach Leatherman @zachleat.com · 22/09/2026
“AI, make the website good” www.zachleat.com/web/ai-websi...
zachleat.com
“AI, make the website good”—zachleat.com
A post by Zach Leatherman (zachleat)
85110
Reposted by Zach Leatherman
beyond tellerrand @beyondtellerrand.com · 23/09/2026
Aaand we continue the list of lovely people that show up at the #btconf Düsseldorf speaker page for 2027. Please say HELLO and WELCOME to Mr. Roel Nieskens. 🤗 beyondtellerrand.com/events/dusse...
beyondtellerrand.com
Roel Nieskens: Speaker at beyond tellerrand in Düsseldorf 2027
Roel Nieskens is an independent developer from the Netherlands who loves the web, fonts, webfonts and all combinations thereof. Under the name PixelAmbacht he does front-end development and (web)font ...
0105
Zach Leatherman @zachleat.com · 22/09/2026
first of 100+ comments to say: LGTM
050
Reposted by Zach Leatherman
Jhey ʕ·ᴥ· ʔ @jhey.dev · 22/09/2026
slop grenade™
519622
Zach Leatherman @zachleat.com · 22/09/2026
AI, go ahead and do the singularity!
100
Zach Leatherman @zachleat.com · 22/09/2026
(the original context was regarding self hosting a webcomic, fwiw: bsky.app/profile/hika...)
020
Zach Leatherman @zachleat.com · 22/09/2026
now we must debate the utility of the lowly cockroach! 😅
110
Zach Leatherman @zachleat.com · 22/09/2026
“take power into your own hands and make a website that much like a cockroach, can survive” — @hikatamika.com
2130