Zach Leatherman :11ty:

🫣 Go to my website https://www.zachleat.com/
🎈 Creator/Maintainer of :11ty: @eleventy https://www.11ty.dev/
☁️ Developer Advocate @cloudcannon
🕸️ Front of the front-end web developer
🏳️‍⚧️ Listen to Trans Folks
🌍 Keep Building for the Web
🍎 Nouns, Pro-: he/him/they
🔎 #searchable

Public Key

npub12xmxkh2x3tse6n0wfllpnmzjp2pfcs2a2rk3q4nxhfesxy8kgads7c4sx6

NIP-05 Address

zachleat_at_fediverse.zachleat.com@mostr.pub

Profile Code

nprofile1qqs9rdntt4rg4cvafhhyllsea3fq4q5ug9w4pmgs2ent5ucrzrmywkcpz4mhxue69uhhyetvv9ujumt0wd68ytnsw43qzxrhwden5te0wfjkccte9ehx7umhdpjhyefwvdhk62pfh2r

Publishing to

relay.mostr.pub

relay.noswhere.com

relay.nostr.band

Author Public Key

npub12xmxkh2x3tse6n0wfllpnmzjp2pfcs2a2rk3q4nxhfesxy8kgads7c4sx6

Show more details

Last Notes

2024-09-17 14:25:46

📮 New post: Open Source Needs to be Financially Symbiotic
https://www.zachleat.com/web/symbiotic-open-source/

2024-09-10 14:29:46

- reply

@npub1gvj…vf42 silverlight! 😭

2024-09-10 14:22:49

my javascript analytics tells me that 100% of my visitors have javascript

2024-09-04 19:16:36

why is it called jpeg-XL if the images are smaller

2024-09-03 20:48:36

2024-08-30 19:41:14

independent of my well-being, rest assured that I am doing my best to ensure that your email never finds me

2024-08-26 23:42:03

ivermectin static regeneration

2024-08-23 22:27:26

Bigger phones are better
Bigger vehicles are better
Even larger language models
Even more JavaScript
Bigger data centers slurping more energy
More servers
More serverless
More
More
More
Excess
We need more

2024-08-05 21:37:26

- reply

I made a little chart comparing how a few different hosts charge for serverless execution time (normalized to hours of usage) and the vCPU default can cost you a lot of unnecessary money if you’re not paying attention!
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/112/911/561/869/725/373/original/c96fd046d4cb0c06.png

2024-08-05 15:45:12

what’s the name for road rage, but on social media

2024-08-02 23:27:45

Today I learned how to deploy my own serverless function with a heavy caching layer using Amazon’s AWS Lambda (with a Layer for large dependency reuse), an API Gateway, and CloudFront.
I am an enterprise developer now.

2024-08-02 19:32:58

- reply

in the immortal words of steffi graf: have you heard of our sustainability fundraising initiative https://www.11ty.dev/blog/sustainability-fundraising/
https://www.youtube.com/watch?v=Sqb75RN-9RA

2024-08-02 19:24:22

first marriage proposal because of @npub1z9m…rz2z so you could say things are getting *pretty* serious: https://indieweb.social/@bobmonsour/112893676626086346

2024-08-01 21:21:08

- reply

@npub1xhl…amuh it’s too late to switch horses now 😅

2024-08-01 18:35:23

current status: learning how to deploy a serverless function directly to aws lambda to save money 😅

2024-07-29 13:51:08

If we can agree that browser fingerprinting is bad, we should be able to agree that third-party cookies are also bad.
There is consensus amongst browser-makers that fingerprinting is a bad thing, right?
…right?

2024-07-25 16:55:11

- reply

I’m not sure how typescript got crowdstrike’d into my list of things to do today

2024-07-25 16:34:46

TypeScript TIL: `compilerOptions.noResolve: true` will also make all of your explicitly listed compilerOptions.types disappear.
So even with `"types": ["node"]` you’ll still get errors that complain about clearly installed types.
> Cannot find name 'process'. Do you need to install type definitions for node? Try `npm i --save-dev @types/node` and then add 'node' to the types field in your tsconfig.
Everything is fine.

2024-07-19 20:57:35

Genuinely upset at the retirement of Google’s URL shortener, goo.gl.
https://developers.googleblog.com/en/google-url-shortener-links-will-no-longer-be-available/
Just to be clear, this will break a large portion of the web for what seems to be a marginal cost savings. So many Google decisions—including the recent sale of Google Domains—have us asking why? Who’s making the decisions over there?

2024-07-19 16:55:31

- reply

@npub1gvj…vf42 the plugin is cross platform

2024-07-19 16:29:23

If your GitHub Actions are failing right now (specifically on Node 22), here are the GitHub issues you may be interested in subscribing to:
https://github.com/npm/cli/issues/7672
https://github.com/actions/setup-node/issues/1112
https://github.com/actions/node-versions/pull/182

2024-07-19 13:05:54

why can’t chatgpt just fix it

2024-07-18 14:20:23

just read some feedback that the 11ty docs need “more foreplay” and my dear friend let me tell you about the miracle of touching grass

2024-07-17 14:01:57

There are incredible parallels between the failure modes of smart home technology and modern web site architecture:
When the power goes out 🤝 When JavaScript fails
My smart lock failed and I’m locked out of my house 🤝 This form button doesn’t submit
The company went out of business and now this {smart device 🤝 JavaScript framework} isn’t receiving updates and poses a security risk

2024-07-16 13:51:59

- reply

@npub1xl7…ss7c what a lovely surprise to see this launch! Appreciate you mentioning the sustainability push too! 🙌

2024-07-15 16:26:06

- reply

@npub1alq…mnj6 Wow—not sure I can bite my tongue any harder here 😅

2024-07-11 18:09:57

casually wearing my golden girls shirt and some lady just asked me to name one of their songs??

2024-07-11 13:52:20

me when someone recommends to reduce the amount of JavaScript: 🎉🏆🥰🌈
me when someone says to use fewer Web Fonts: 😡😠😢😭

2024-07-05 17:30:52

kids misbehaving for attention 🤝 move fast and break things

2024-07-01 16:37:46

- reply

@npub1z8t…zls7 I use https://feedbin.com/ which uses the web and does not require a specific operating system

2024-06-26 17:59:55

- reply

@npub10e3…a9ap TIL people say xeeted instead of tweeted and I hate it

2024-06-25 20:48:31

incredible news today that googie anaiytics is not a reputable vendor of javascript
https://sansec.io/research/polyfill-supply-chain-attack

2024-06-18 14:58:41

can our scrappy protagonist change DNS providers without taking down the web site—let’s find out 😅

2024-06-17 14:16:42

- reply

@npub1ggl…wlnf I don’t mean to alarm you but you have a tiny arm around your neck—hope you’re ok

2024-06-04 15:17:46

- reply

@npub1asr…u4w5 has me wondering what the anti pronoun people are calling mr beast

2024-05-26 22:13:04

these little dudes have been crashing with us for a bit
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/112/509/676/575/002/591/original/dab03ca50ed93fbe.jpeg
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/112/509/676/939/083/763/original/145dd2c3a075d40c.jpeg

2024-05-25 12:36:12

hot dogs implies the existence of cold cats

2024-05-24 19:22:42

the public perception of AI has been permanently damaged by shitposting in training models
…we all understand what needs to happen next, right

2024-05-24 08:03:33

vibing in the basement at 3AM for the third tornado warning of the season 🌪️😴🥵

2024-05-10 15:32:24

Planning on doing a full #11tyConf Organizer retrospective blog post, but in the interest of transparency here’s a peek at the conference budget (funded primarily by our Open Collective, prices in USD):
Expenses: $6573.09
Revenue: $4478.90 (Free event, but via sponsors and merch)
Profit: -$2094.19

2024-05-08 19:44:46

- reply

@npub1p3x…uq4c ahaha incredible 🏆

2024-04-26 22:01:13

- reply

the spreadsheet just told me about tornados.
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/112/339/761/503/394/354/original/8745c5d48df8e8b3.png

2024-04-26 21:33:49

Tornados have interrupted @npub1z9m…rz2z Merch Bundle packing operations! 🌪️🫣
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/112/339/653/208/243/706/original/4e76f93f2abb9c1d.jpeg

2024-04-25 17:24:24

Had someone open two identical issues on GitHub. When I closed *one* of them as a duplicate, they relied “Thanks for nothing, Zach”
#OpenSource

2024-04-25 13:05:58

I would like to speak softly without carrying a big stick

2024-03-25 19:47:56

A large contingent of webdevs seem to think that fast means “best-case fast”: expensive hardware, reliable fiber networks.
Worst-case fast is a much more meaningful, impressive, and inclusive claim to make! Fast on low-end hardware. Fast on slow networks. Fast on the World Wide Web—not just from a WeWork in Silicon Valley.

2024-03-23 17:59:42

you mean to tell me that lululemon and cocomelon aren’t made by the same company

2024-03-22 14:18:27

- reply

@npub1c35…9pmh The digital divide! I do think that there is a larger point worth making, as Vercel heavily invests in LLM automation of front-ends—automating this level of quality will only exacerbate the divide 😬
The other point I’d make is that Network throttling is only one piece. Testing on a slow device is another thing entirely.

2024-03-22 14:09:31

- reply

“This doesn’t look good” indeed.
https://fediverse.zachleat.com/@zachleat/112117301801565699

2024-03-22 14:06:27

- reply

@npub1tkc…a7wa if they make next.js fast that would be a nice christmas present

2024-03-22 14:02:06

- reply

Here’s the source code between the doctype and the <title> for this site:
×26 <link rel="preload">
×36 external <link rel="stylesheet">
×91 external <script src>
…?
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/112/139/691/829/546/027/original/c53d9ca864d0b28d.png

2024-03-22 13:45:53

- reply

It should be fair to post screenshots like this for companies that tout “the fastest frontends” on their home page—especially notable that this is *not* a temporary regression. It’s been like this for a long time—why is no one talking about it?
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/112/139/617/747/082/682/original/904f5125a1ade580.png

2024-03-22 13:23:20

- reply

put those INP scores in big bold letters 🌶️🌶️🌶️

2024-03-22 13:20:48

the **spiciest** web performance leaderboard would rank saas company home pages making “blazingly fast”-esque claims 👀

2024-03-21 01:39:13

- reply

@npub1p3x…uq4c that’s absolutely garbage, sorry ❤️ if you want to partner on some eleventy stuff let me know!

2024-03-19 14:04:29

Banning TikTok shows the myopic vision of our lawmakers. The US needs comprehensive data privacy legislation that applies to *all social networks* and protects our data—and we needed it 15–20 years ago.

2024-03-18 15:04:18

Framing this Twitter exchange on my wall (sorry for the Twitter link, but it’s worth it this time): https://twitter.com/karrisaarinen/status/1769101933480911033

2024-03-18 13:13:25

- reply

@npub10ee…3t32 hmmmmm—looks like I can do issue maintenance on this repo, I wonder if I can merge PRs 😬
https://github.com/GoogleChromeLabs/tooling.report/issues/496

2024-03-14 21:50:48

https://cdn.masto.host/fediversezachleatcom/media_attachments/files/112/096/248/635/368/472/original/27b8dd8472bf4832.png

2024-03-13 12:47:55

- reply

@npub1tkc…a7wa I… really don’t like this phrase 😅

2024-03-13 12:44:08

what’s the name for that feeling when a SaaS product has a delayed workflow that takes such an inconsistent and unpredictable amount of time that you suspect the automation is fake and a human is behind the scenes configuring things manually

2024-02-29 22:17:23

alright, which one of you jokers endorsed me for javascript on linkedin

2024-02-27 16:31:50

- reply

@npub1z3u…eq3s @npub1kg2…ckz0 Awesome 🙌

2024-02-27 16:27:47

- reply

@npub1z3u…eq3s I know you asked for CLI tools but I typically use https://wakamaifondue.com/ for this. Or https://www.zachleat.com/web/unicode-range-interchange/ (which uses https://www.npmjs.com/package/characterset for unicode range math).
For CLI, I don’t think https://github.com/zachleat/glyphhanger can point directly at a font file but it does work against an HTML file which can get you mostly there.
But I think the method @npub1kg2…ckz0 posted is probably ideal! https://mastodon.social/@sil/112004242274830271

2024-02-23 17:32:05

Genuinely curious: what’s the point in developer advocacy or developer relations work if the parent company requires radio silence during periods of extreme criticism, facing backlash for the company’s direction and decisions?
Shouldn’t this be the moment in which your team are *most* useful?

2024-02-23 00:30:28

- reply

I am a middle child

2024-02-21 14:39:49

New web component: <hyper-card>
Adds a three-dimensional hover effect to any arbitrary content. (With full credit to Mark Miro’s lovely Codepen!)
📮 Post: https://www.zachleat.com/web/hypercard/
🖼️ Demo: https://zachleat.github.io/hypercard/demo.html
⚙️ Source code: https://github.com/zachleat/hypercard

2024-02-20 15:27:00

My blog is 17 years old today! 🎉 :verify:

2024-02-14 16:40:05

A front-end web developer just starting out—in order to feel most aligned with the industry and apply for the best jobs—will most likely start in a tool-chain that is *not* aligned with web standards.
In some cases these tools are actively hostile to web standards.
How do we begin to dig ourselves out of this mess?

2024-02-07 16:48:19

📮 New post:
Lessons learned moving @npub1z9m…rz2z from CommonJS to ESM.
https://www.zachleat.com/web/eleventy-v3-esm/
New talk video and slides from @npub1ap8…e6pt’s #TheJamDev event.

2024-02-06 13:59:26

📮 New web component:
<carou-scroll>
https://www.zachleat.com/web/carouscroll/
Not quite a carousel, this component allows next/previous buttons to control a horizontal scrollable container.
I use this on my site to render exported Keynote slide decks in blog posts.

2024-02-02 14:08:05

- reply

@npub1tkc…a7wa we do what we must 😂

2024-02-02 14:04:02

📮 New post:
The Good, The Bad, The Web Components
https://www.zachleat.com/web/good-bad-web-components/
A full crash course on the state of web components, where they fit in JavaScript frameworks landscape, and how to make use of them moving forward!

2024-01-29 14:10:44

As my online friends are now scattered across 4 or 5 social networks now, I’m wishing there were a better way to like/share/boost cross-posted content across a bunch of networks (from the original source).
Some kind of superboost feature?
How are y’all handling this?

2024-01-25 22:11:23

The first release of Internet Explorer (1995) is closer in time to the Apollo 11 moon landing (1969) than now.

2024-01-24 18:59:16

- reply

oooh https://github.com/wooorm/npm-esm-vs-cjs from @npub1kq2…227z looks to be an attempt at answering this!

2024-01-24 18:56:56

Has npm ever talked about how many packages are published as ESM versus CommonJS? How many packages are dual published?

2024-01-23 19:32:18

Why are the unofficial/official HTML and CSS logos tied to HTML5 and CSS3?
We need a https://github.com/voodootikigod/logo.js for HTML and CSS, posthaste!

2024-01-19 01:13:48

“When I […] go to canisue, it seems that all browsers support the inert attribute.”
is canisue new? haven’t heard of that one before

2024-01-15 18:08:14

a substack alternative named superstack

2024-01-10 22:33:43

- reply

@npub1407…l8v5 awesome!
Does it have any functionality similar to graceful-fs to handle EMFILE errors? I use that in quite a few places!

2024-01-02 19:29:40

- reply

@npub1407…l8v5 expectations should be level-set such that “No” should be the default answer people expect 😅

2024-01-02 17:31:38

- reply

@npub1p3x…uq4c chronically—offline?

2023-12-25 16:46:02

- reply

“this toy needs three and a half F batteries? what is an F battery??”

2023-12-25 16:43:52

happy try-not-to-lose-your-shit-as-you-endure-terrible-instruction-manuals-and-extremely-poor-toy-design day, for those that celebrate
it’s going wonderful over here 😅😅😅
(merry christmas, y’all 🎄)

2023-12-20 17:45:40

*sweating profusely*
I have advocated for myself
*still sweating*
…when do the good feelings about it start

2023-12-18 16:58:12

Breaking news: I have also decided not to buy Figma for $20B today

2023-12-18 02:51:19

- reply

@npub18y0…dsym I wanted to change it a bit, sorry!

2023-12-12 15:06:12

📮 One YouTube Embed weighs almost 1.2 MB
https://www.zachleat.com/web/youtube-embeds/

2023-12-11 19:11:27

how are those 3D televisions holding up

2023-12-07 20:33:09

- reply

@npub1tkc…a7wa we have a subaru and I like it also 😅

2023-12-07 20:12:26

- reply

tesla could never make a cybervan and we all know why
look—no, you started drinking eggnog too early

2023-12-07 19:44:10

my toxic trait is that I don’t trust people that hate minivans

2023-11-30 17:50:24

New video:
Live Editing on an @npub1z9m…rz2z Web Site in @npub1zeh…gzqr
https://www.youtube.com/watch?v=AsWt6BTjzyk
My favorite part of this demo is showing live updates on the <browser-window> web component 👀 (~1 minute in)

2023-11-29 19:31:56

As a thought experiment, how would the JavaScript ecosystem replicate this redirect to a random post feature?
https://chriscoyier.net/2023/11/29/a-random-route-on-a-wordpress-site/
And just for fun, let’s brainstorm things that *aren’t* single-host features like Netlify redirects.

2023-11-28 17:24:02

- reply

@npub1alq…mnj6 (thanks for sharing!)

2023-11-28 17:22:31

- reply

@npub1alq…mnj6 that link out to https://thenewstack.io/jamstack-vs-wordpress-round-2-the-two-matts-debate/ has an interesting flavor to it 3 years later

2023-11-24 15:12:36

the free covid tests from the US government *require* a smartphone app, internet connection, and bluetooth access for use 🫠🦠😷
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/111/466/165/555/191/279/original/c070610e7ffa83b5.jpeg

2023-11-17 22:40:33

I guess GitHub requires JavaScript now? 🤔 I spy an empty <react-app> 😬
https://cdn.masto.host/fediversezachleatcom/media_attachments/files/111/428/287/036/094/550/original/12b0bd72a7bde78d.png

2023-11-11 03:41:34

- reply

@npub1asr…u4w5 okay but what device pixel ratio is sunscreen even