my linkedin friend demographics are way too tilted toward VC, startup culture, and AI—I would appreciate more friends over there to help balance it out: https://www.linkedin.com/in/zachleat/

everyone needs to buy my startup’s expensive dishes and they only work in the newest dishwashers

if you buy 40 dishwashers you only have to put one dish in each and it’s more efficient

if we smash all the dishes, we can fit more in there

top javascript developer techniques for loading the dishwasher:

re: https://social.lol/@bw/111293266036805485

npm isn’t the problem—it’s the larger JavaScript community’s attitude about long-term maintainability and moving fast while breaking things.

Here’s a successful 5-year experiment I ran using @eleventy (and npm): https://www.11ty.dev/blog/stability/

I somehow missed this a few months back, but it looks like @astro’s VC-monetization has begun as they dip into a very crowded cloud database field.

https://m.webtoo.ls/@astro/110990933184968823

Wishing them success! I’d wager there is a lot riding on this move.

Just enabled the elastisearch feature on my @mastohost instance and wow—it hadn’t clicked before but this is a feature that Twitter never had.

I can search my stream**!

(**for folks that have opted in to search)

minimum viable HTML for a modern web site:

<title>so modern</title>

you know I’m gonna boost a zero-dep web component

the https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js is not coming from inside the house!

this… is not a me-problem 😅

I think GitHub wants me to Confirm my account recovery settings

@setstudio @andy device pixel ratios further complicate this story 😅

The Ideal Viewport Doesn’t Exist

https://viewports.fyi/

Loved the visual example of 3 distinct viewports on a single iOS device: Safari, in-app browser (boo!), and the long-press quick preview.

By our friends at @setstudio (@andy et al!)

I suppose I’m on Team Build
…but not a big build

So maybe Team Little Build
…but I wouldn’t get rid of the build totally—it’s useful!

Team Gossamer-thin Build?

Shipped a few quick updates to <browser-window> today:

🪟 Option for Windows-style icons (thank you @lucienimmink!)
🖼️ Option to specify your own icon using `<img slot="icon">` (idea from @rem)

https://zachleat.github.io/browser-window/demo.html

Thanks y’all!

Oh my—the desktop viewport navigation UX on https://www.cloudflare.com/ is confusing.

I thought I had navigated to a new page and then I was upset that it didn’t give me a history entry to go back—but it was just a full window popup with almost no affordance that the content was still underneath 🫣

“[Vercel’s] vendor lock-in is good actually” is not a take I expected to read in the year 2023, but yet here we are. 🧐

Doing some research for @cloudcannon Image optimization and had an idea for a very cool `<picture>` performance improvement for @eleventy Image 👀

Stay tuned!!

https://www.epicweb.dev/why-i-wont-use-nextjs from @kentcdodds details some of the very big problems that have been echoing for years through Vercel, Next.js, and React.

Here’s what he listed:

1. Not using The Platform
2. Vendor locked to Vercel
3. Next.js is eating React 🫡
4. Uses experimental features in stable releases
5. Overrides global fetch
6. Complexity in RSC
7. Instability

A good addition to https://www.zachleat.com/web/react-criticism/

yes 2FA is great for security but also 2FA can save you from running an accidental `npm publish` command too (speaking for a friend, who allegedly was saved by this, just now)

look all I’m saying is that it’s healthy to make your demos in a way that causes the infrastructure and ops teams to sweat just a little bit

@stubbornella

re: https://twitter.com/stubbornella/status/1716893390418419895

Reading the replies there, it would (imo) be a great disservice if these results were used to drive platform investment decisions. You need to talk to people that LOVE web components to decide what and how to improve them—not people that don’t like them.

it’s very difficult to accidentally delete the production database when there is no production database

Today in pseudo Lighthouse graphics:

Performance: 20s
Overall score: 96/100!

Now wait a second here (or maybe 20 of them)… 🧐

Could it be better? Probably. But it’s 100% pretty okay now!

This code might be useful to someone!

Here’s the Eleventy global data file used on 11ty.dev to show the lifetime npm downloads for the package in the footer.

https://github.com/11ty/11ty-website/blob/main/src/_data/npm.js

Features:
1. Works around the 18 month data limitation in the npm API.
2. Only the current year is refetched and updated. Previous years are cached forever (assuming your cache folder sticks around).

Yet another Project Big Deal ESM @eleventy update:

`eleventyConfig.addPlugin` will also be async friendly in 3.0.

#11tyESM

a little light reading this evening

@bobmonsour I wonder if you might be interested in providing an API on https://11tybundle.dev/ (just a JSON file that has titles and URLs) that could be consumed by 11ty.dev for community resources? Happy to give proper attribution to your excellent resource too, maybe a heading that says “Community Resources via 11tybundle.dev”?

I’m working on a CMS docs page for 11ty.dev and I’d love to include the resources on https://11tybundle.dev/categories/cms/

Feel free to say no! 😅

The reign of web components continues with a <ppp-price> to show Parity Purchasing Power prices as a demo of @cloudcannon’s Geolocation feature:

https://www.zachleat.com/web/ppp-price/

This protomaps implementation is what we want Incremental Font Transfer to be!

https://protomaps.com/

One (optionally variable) web font file deployable to static storage, partially loaded as needed.

Learn more: https://www.w3.org/TR/IFT/

🗣️ via @scy at https://chaos.social/@scy/111280657236094121

apparently it’s dumbledore but I honestly don’t think that’s any nicer

apparently dingledoor is not a character in harry potter, my bad

I take great pride in maintaining that this error message works nicely with every major release of Eleventy and doesn’t dump a weird stack trace for folks running old Node.

Just to be clear, this adds ESM support to all JavaScript files in @eleventy:

• Configuration Files
• JavaScript Data Files (Global, Directory, or Template)
• `.11ty.js` (and `.11ty.mjs`) Template Files
• and importantly we will not require you to upgrade your projects to ESM either. Eleventy 3.0 will continue to support CommonJS Eleventy projects.

@eleventy Big Deal ESM update:

All 1048 tests passing ✅ (and on Windows too)

#11tyESM

I don’t think folks really understand that we are in a CSS Renaissance right now.

@eleventy 0 failures!

…now, testing on Windows 😅

Just curious—are folks in my sphere using GraphQL?

@eleventy 2 failures left 🤬😅🤪🤔

> Here at Doctors Without Borders/Médecins Sans Frontières (MSF), we are grieving the widespread suffering and death stemming from the eruption of full-scale war in Israel and Gaza. We are calling for all parties to the conflict to ensure the safety of civilians and medical facilities.

https://www.doctorswithoutborders.org/latest/our-response-israel-gaza-war

Check out this website from @timsev that documents telemetry from a bunch of different tools: https://telemetry.timseverien.com/tools/

and the score for Visual Studio Code: https://telemetry.timseverien.com/tools/visual-studio-code/

TIL that Visual Studio Code has Telemetry enabled by default 😬 and immediately went into Settings to disable it.

via https://ghuntley.com/fracture/ via @baldur

Wow, this tool from @themarkup to test whether or not t.co links are throttled is *something*.

✅ NYTimes, WSJ, Washington Post, et al resolve in ~40ms.
❌ Facebook, Instagram, Threads, Bluesky URLs take ~2.5s.

Test your own:
https://themarkup.org/investigations/2023/09/15/twitter-is-still-throttling-competitors-links-check-for-yourself#2023-twitter-throttle_tester

The transcription service has decreed that Wes Bos shall henceforth be known as Westbots.

And it is so.

it’s change-the-VPN-to-the-worst-latency-server-to-really-feel-the-web-performance o’clock

Is there a Consumer Reports-style publication for software?

Watching this play out again and again. Caveat emptor if you ignore HOW something is funded. Relying on—let alone building a business on top of—VC-funded hypergrowth-or-bust dependencies is decidedly risky!

https://mastodon.acc.umu.se/@pettter/111249022267794376

thinking about tethics today, for no reason at all

The long awaited release of @SaraSoueidan’s Practical Accessibility course is finally here!

This is sure to be an incredible resource. Sara has put an incredible amount of work into this course—with ~15 hours of video (with captions!) 🏆

On sale too: $100 off until October 23rd!

https://practical-accessibility.today/

That moment in @shoptalkshow when @davatron5000 subtly encourages his kids to collectively bargain for things when negotiating 😂

https://shoptalkshow.com/587/#t=29:39

I found a relevant GitHub issue! Upvotes welcome:

Ask for a new privacy level: "mutuals"

https://github.com/mastodon/mastodon/issues/7135

Mastodon needs a “mutuals only” privacy setting for the spiciest content.

@eleventy 55 failures left 👀🏁

I can taste it!

@eleventy 222 unit test failures left 👀👀👀

@eleventy Big Deal ESM update:

✅ 67% of unit tests passing, only ❌ 358 left to fix 🥵🥵🥵

#11ty #11tyESM

whew, @eleventy will probably hit 7M downloads in about one week

(via @joel)

https://techcrunch.com/2023/10/11/wordpress-com-blogs-can-now-be-followed-on-mastodon-and-other-federated-platforms/

I currently don’t understand the appeal of following a blog here—but maybe my RSS bias is showing? Is this primarily for brand accounts?

Nodding along to most of this piece from @kateholterhoff:

https://redmonk.com/kholterhoff/2023/10/03/indie-oss-jsframeworks/

Lots more to explore around the current and future problem that is the tight coupling between Next.js and Vercel, as well as the Gatsby Cloud fallout—but overall it read pretty fair to me.

Reluctantly realizing we need a marketing name for minimal zero-dependency Vanilla Web Components that progressively enhance from Light DOM 😬

Cool (progressive enhancement friendly!) web component alert from @hexagoncircle:

<scrollspy-nav>

Blog post: https://ryanmulligan.dev/blog/scrollspy-nav/
Demo: https://hexagoncircle.github.io/scrollspy-nav/
Code: https://github.com/hexagoncircle/scrollspy-nav