Them: ____ is in early PRIVATE BETA and NOT RECOMMENDED for production use.

Me: I just put up a new alpha on the canary channel and I’m using it in production on 13 sites

Defaulting on Single Page Applications (SPA)

https://www.zachleat.com/web/single-page-applications/

the faux meritocracy of pencils: why #2 is number 1

oh no it’s quite a few github domains: https://github.com/orgs/community/discussions/50966

oops the certificate expired for https://avatars.githubusercontent.com/ 🫠

(github avatar outage)

no I’m not sorry

LL Cool M

7. *react stays in the chat* we hear you, it’s too much javascript. but what if we put SVG in javascript too—would that help?

6. *react enters the chat* we hear you, it’s too much javascript. but what if we put our css in there too—would that help?

1. add library javascript
2. add app javascript
3. …oh no, this is too much javascript
4. let’s add more javascript for client-side navigation so that we don’t have to re-run the other javascript
5. …oh no

a little shout out to that “IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!” copy though

a new mantra dropped

If you’re having trouble pushing to GitHub today, perhaps seeing scary new errors on your console like this:

> WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!
> IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!

Don’t freak out, just read this:
https://github.blog/2023-03-23-we-updated-our-rsa-ssh-host-key/

seeing folks jokingly use the term “woke” and I think we can file those right next to the “make ___ great again” jokes

we can do better!

mapquest was the original 90s-style navigation

https://twitter.com/timneutkens/status/1638087513007898625

Now that yesterday’s dust has settled—we recognize that create-next-app does in fact default to TypeScript and Tailwind, right?

https://docs.npmjs.com/cli/v8/configuring-npm/package-json#overrides to override a outdated shrinkwrapped dependency was clutch today.

Trying to use `lodash-cli` with the latest version of `lodash` and this `package.json` addition did the trick:

@j98 @andy well wait where did @Amy_Hupe go

today is a good day to get excited about web sites

The new https://set.studio/ site launched with excellent work from @Amy_Hupe@social.design.systems Leanne @j98 and @andy!

I am really loving those live responsive previews of portfolio sites right on the home page (and the beautiful little resizer too) 😍

(via https://bell.bz/@andy/110066624439275736)

this subtoot brought to you by the developer currently attempting to convince the world that a pre-selected “Yes” value in a command line prompt is not a default choice.

The more time I spend in tech the more evidence mounts that misunderstanding consent is the root cause of so many issues.

Which is faster?

1. Total Blocking Time of one visit to nextjs.org
2. The time it takes to Eleventy to build ×1000 pages added to the Total Blocking Time of one visit to 11ty.dev

the toilet paper industry will sell you a hyper-localized drone delivery solution to ensure that you will never run out of toilet paper during business time when all you really needed was a bidet

in this essay about the JavaScript industrial complex I will…

When JavaScript Fails:

“We’re not talking about 3% of users being affected, but 3% of visits. Remember, the problem isn’t that people have turned JavaScript off, it’s that JavaScript isn’t reliable. Meaning it affects all of us, about 3% of the time.”

https://scribe.rip/@jason.godesky/when-javascript-fails-52eef47e90db

by Jason Godesky (https://jason.godesky.net/) via @slightlyoff

✅ Use the latest version of an ESM dependency: fine.
✅ Use the latest version of a CJS dependency: also fine.
❌ Pinning to a previous CJS major release that worked without issues after they bumped a major release for nothing other than ESM: ew, what? no—gross

Interesting that at some point @eleventy was removed from https://vercel.com/templates despite being more popular than some of the frameworks listed there 🤔

in my personal experience every relationship (that I’m personally a part of) has one person with 13 tabs open in their browser and one with 217 tabs open

how dare you all

Don’t vote for which one you’ve been conditioned to use, vote for which one is objectively best:

(choices pruned from https://en.wikipedia.org/wiki/Pajamas)

Suspense (sə-spĕns′)

> Anxiety or apprehension resulting from an uncertain, undecided, or mysterious situation.
> The state or quality of being undecided, uncertain, or indecisive.

…in hindsight maybe not the best branding choice.

Uploaded my slides from the @eleventy meetup talk from this morning: https://www.zachleat.com/web/eleventy-meetup-eleventy-v2/

Watch for the video on the Eleventy Meetup YouTube channel! https://www.youtube.com/@THEEleventyMeetup

The @eleventy Meetup is happening now!

https://11tymeetup.dev/

Found another one from 2017 for the React criticism timeline https://twitter.com/NetflixUIE/status/923374215041912833

https://www.zachleat.com/web/react-criticism/

Here it is!

https://fosstodon.org/@eleventy/110029514364983609

Today I learned: Node’s `vm.createContext` function is quite slow!

https://nodejs.org/api/vm.html#vmcreatecontextcontextobject-options

Some big (dare I say huge) WebC performance wins incoming 🏆

now you wait just one second—are you really attempting to convince me that I can’t do everything and be everything to everyone

rude

if you add enough JavaScript, it will modulus your site back to fast again—we just haven’t found the threshold yet—stay the course everyone, keep adding more!

@swithinbank added sparklines to speedlify.dev and they look incredible! 😍

https://www.speedlify.dev/ssg/

It strikes me that it might be useful to have a comprehensive web performance analysis tool with similar flame graph output that reports a holistic view of the performance of a web site (showing how every asset on the site influences the performance, not just JavaScript execution).

Does this exist?

Using `0x` to do some flame graph build performance analysis of an Eleventy project, super useful!

https://github.com/davidmarkclements/0x

You can use it on your Eleventy project too:

0x node_modules/@11ty/eleventy/cmd.js --quiet

currently wondering how many client-rendered SPA implementations are just hiding slow servers

https://vulpine.club/@eevee/110019362386656521

and now I’m wondering about the future relationship between SPA and slower-than-static request-time frameworks

anyway, happy tuesday

free bad idea: type safe DOM

check yourself before you DOMRect yourself™

the toots archive is alive!! 🫀🫀🫀 https://www.zachleat.com/toots/

RT @tailwindcss@twitter.com HTML is better than JavaScript

when my dog gets eye boogies and I know she doesn’t have the anatomical equipment required to even have a chance at removing them—imma get those out immediately every time. I’ll chase her around the house, I’m getting those boogies out

A build step is great for front-end developers because it’s forgiving to code outside the specialty of front-end.

We can write slow and inefficient back-end code 😅 and pair it with what we’re good at: high quality, efficient, high-performance front end code.

@eleventy Don’t get me wrong, I’m all in on Mastodon and this is my home base moving forward—but I really pushed hard to set an example and cut-off Twitter 100% across-the-board.

I’m learning that this was not entirely tenable for a Brand Account—especially when folks with large follower counts weren’t willing to do the same.

I think @eleventy is going to have to return to at least broadcast content to Twitter, unfortunately. Given that a large portion of JavaScript folks have really dug in over there—it is doing harm to the project to not exist in those spaces.

Having some real feelings about it—mostly disappointment that folks didn’t make a bigger push to get off of the site.

When folks say: “Browsers are pretty fast. Hardware is pretty fast” 🚩🚩🚩 they really mean “My browser is pretty fast. My hardware is pretty fast.”

the side-eye has gone so far it has completed a full 360° revolution

mastodon question: why do I get follow requests on a public account?

is it just my brain that has been holeheartedly ruined or do other folks see it too

happy sunday

Pushed a bad commit to the site at the end of the day… did I fix it? No, I rolled back, locked deploys, and now I’m leaving byeeeeee

Stable releases of both `@11ty/webc` and `@11ty/is-land` now include support for the new `shadowrootmode` Declarative Shadow DOM attribute 🏆

Here’s a sneak peek at the magic coming to WebC:

https://github.com/11ty/webc/issues/122

Easily bundle up all of the CSS and JS for *any* element and *all* of its child content with a single `webc:bucket` attribute, with smart hoisting to the next bucket when needed.

a watched github action never boils

Hey—I’m going to be on @jsparty in about 15 minutes!

@nicknisi remember per our contractual agreements that you are not allowed to ask me about vim or TypeScript

https://changelog.social/@jsparty/109954793862974128

I’m guessing the standards folks would rather we use `shadowrootmode` only moving forward, as using the old name defeats the purpose of renaming the attribute? 😅

Current Declarative Shadow DOM browser support:

Chrome 90, Edge 90, Samsung Internet 15

`<template shadowroot="open">`

Chrome 111, Safari Technology Preview 162

`<template shadowrootmode="open">`

It’s tempting to use both `<template shadowroot="open" shadowrootmode="open">` for the broadest browser support, hmm.

https://caniuse.com/mdn-html_elements_template_shadowrootmode

Working on some really exciting WebC/<is-land> bundling magic today

speak softly and put down the big stick—it’s heavy and you’ve been carrying it for so long

I simultaneously like that this exists and would also like to preemptively apologize for this existing https://www.bryanbraun.com/checkboxland/

(via @bholmesdev)

A few updates to the JavaScript Site Generator Review, February 2023 edition:

1. Added @enhance_dev
2. Updated Nuxt telemetry collection info with a bit more nuance: https://www.zachleat.com/web/site-generator-review/#telemetry

https://www.zachleat.com/web/site-generator-review/

The ebb and flow of JavaScript bundlers

A casual reminder that open sourcing things (even small things) is awesome, `flex-luthor` v4 now has connected separators thanks to @chriskirknielsen!

https://github.com/zachleat/flex-luthor

no—*you* are just getting around to blogging things from 3 years ago, not me

Flex Luthor, a Little CSS Flexbox Layout Helper
https://www.zachleat.com/web/flex-luthor/