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>

This is not a nuanced point I’m making. We’re not debating the finer points of complicated web performance trade-offs. This is a very slow web site.

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?

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

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

later today I’ll have the absolute honor of hanging out on the @glitchdotcom livestream with the one and only @jenn!

let’s make this Q&A weird (not too weird): https://support.glitch.com/t/tell-us-your-questions-for-eleventy-creator-maintainer-zach-leatherman-and-join-us-live-this-friday/66364

Some interesting (but flawed) UX-design on the Fediverse sharing opt-in modal on threads.net.

If your screen is tall and the modal content has no overflow, you can’t move on. Had to shrink the window and give it a scroll for the button to enable. 😅

@henry well, damn! I’m curious what we could work together on!

The 11ty docs always need help!

For so many years folks have asked me to sell @eleventy swag (stickers, mostly). Well, for the next two weeks it’s happening (and then I’m closing the shop again 😅)

If you are one of those people, the link is here: https://merch.11ty.dev/products/11ty-merch-bundle-2024-limited-edition

Going live with @mikeneu now to continue our self-hosted RSS reader! Hoping we’ll get to the web components and front-end dev news too!

https://www.twitch.tv/cloudcannoncms

I’m really proud of @cloudcannon’s accessibility statement and iterative improvements to our app:

https://cloudcannon.com/blog/how-we-build-cloudcannon-for-accessibility/

Accessibility issues are critical software issues!

Read more on our Accessibility Statement: https://cloudcannon.com/accessibility/

and with this post I am happy to announce that I am running for Congress (not really)

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.

you know a company is fighting for its life on social media when their posts don’t allow comments or replies

margaret hamilton, the musical

anyway, here’s Eleventy’s version in two commands:

echo '# Page header' > index.md
npx @11ty/eleventy

and the output is `<h1>Page header</h1>`

🔗 require(esm) in Node.js—Joyee Cheung

https://joyeecheung.github.io/blog/2024/03/18/require-esm-in-node-js/

Work sponsored by Bloomberg!

HT @brianleroux https://indieweb.social/@brianleroux/112117308661924607

Framing this Twitter exchange on my wall

(sorry for the Twitter link, but it’s worth it https://twitter.com/karrisaarinen/status/1769101933480911033)

This parking lot in Omaha, NE (USA) has 22 out of 30 accessibility-friendly parking spaces (73%).

(via http://www.allplay.org/)

Docs for this one live here: https://www.11ty.dev/docs/services/builtwith/

I added a new Hosted By column to the @eleventy Leaderboards: https://www.11ty.dev/speedlify/

Using this service: https://github.com/11ty/api-built-with

Just logged into an old Trello account from 7 years ago to find some old NebraskaJS Conference info and it was all still in there—shout out to Atlassian for keeping my stale data from bit rot.

@jmhobbs oh I see the Bergman receipt now in our old Trello! Sorry to bug you!

@jmhobbs hey John—who did we use for the NebraskaJS tshirts? I’m shopping around for 11ty Conf options and thought the 2017 ones have held up pretty good!

(inspired by a conversation with @avidlarge)

look, I watched dune so today you get dune content

may thy javascript chip and shatter

yes I know this was last week’s main character but I’m still thinking about it

only the muad'dib can maximize prophetability to make arrakis truly planetscale

Going live on https://www.twitch.tv/cloudcannoncms with @mikeneu to talk about building a self-hosted public RSS feed reader on The Static Site Happy Hour! Join us!

We’ll also do another iteration of the web components roundup at the end!

Just as a follow up here, https://whitecoatcaptioning.com/ was far and away the number one recommended service!

Thanks everyone!

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

Looking to provide live captions for the 11ty Conference—do we have any reliable folks to recommend?

TIL from @ben: “Subtitles are synchronized transcriptions of just the dialogue. Captions are synchronized transcriptions of all meaningful audio”

https://benmyers.dev/blog/captions-and-subtitles/

it’s been 637 days since an official react release and I personally believe that kate middleton is tiger teaming it right now so please stop bothering her, y’all

It’s absolutely wild that for *years* the React community has made the claim that interactions on Single Page Applications are faster!

I’m reminded of these: https://www.zachleat.com/twitter/1259834737390161922

But Interaction to Next Paint is showing the opposite to be true. If anything, to me it suggests that Virtual DOM is trading slower page interactions for marginal improvements to page navigations.

tfw the sign-up form asks for your work email

I hope we are all prioritizing profitability today

fixed a bug and said aloud to absolutely no one: “we did it, joe”

…send help

I’ll start us off with this one from PlanetScale: https://planetscale.com/blog/planetscale-forever

(via @nmoo https://mas.to/@nmoo/112050444053820199)

apropos of nothing I’m collecting the worst layoff announcements—please post a reply with your nomination(s) below:

Going live with @mikeneu to talk about yesterday’s Jamstack panel, Web Components, the Core Web Vitalpocalypse with INP on this week’s Static Web Development Happy Hour:

https://www.twitch.tv/cloudcannoncms

(doesn’t have to be positive or negative, just an absolute value of mentions)

Based on pure feels, which web browser do you hear the most about on Mastodon?

Better late than never to archive `fontfaceonload`: https://github.com/zachleat/fontfaceonload

Use the CSS Font Loading API instead: https://caniuse.com/font-loading

Join us on another #TheFutureOfJamstack panel—live now!

With @5t3ph @philhawksworth @mikeneu @henrihelvetica and @remotesynth

https://www.twitch.tv/thefutureofjamstack

One human earth week (March 12) until INP becomes a Core Web Vital, with big implications to the JavaScript-heavy React-ecosystem.

Folks hiding bad lab data (Lighthouse scores) behind decent field data (Core Web Vitals) are right to be nervous about this! Remember that Core Web Vitals affect your SEO/rank on Google 👀

https://web.dev/blog/inp-cwv-march-12

A few samples:

1️⃣ nextjs.org: FID 19ms ✅ is now INP 363ms ⚠️
2️⃣ react.dev: FID 18ms ✅ is now INP 408ms ⚠️
3️⃣ vercel.com: FID 135ms ⚠️ is now INP 975ms ⛔

“A lesson I’ve learned from all of this is that coining a term for something is actually a bit like releasing a piece of open source software: putting it out into the world isn’t enough, you also need to maintain it.”— @simon

Thinking about this in relation to Jamstack. The term needs new maintainers. #TheFutureOfJamstack

https://simonwillison.net/2024/Mar/5/prompt-injection-jailbreaking/#coined-term-maintenance

Are you still using `X-UA-Compatible` in your HTML?

still surprised that the people that prefer not to write CSS want to put it in HTML instead of JavaScript

ooh it merged! https://github.com/paulirish/lite-youtube-embed/pull/164

Wordle 988 6/6 🫠

🟩🟩🟩⬛🟩
🟩🟩🟩⬛🟩
🟩🟩🟩⬛🟩
🟩🟩🟩⬛🟩
🟩🟩🟩⬛🟩
🟩🟩🟩🟩🟩

a secret user-agent (shared only on a whisper network) that means you’re cool and you get access to all the other cool people’s APIs without additional auth or rate limits

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

Generative.
—@beep https://ethanmarcotte.com/wrote/generative/

A collection of quotes on automation and artificial intelligence.

I wrote up a bit more about this here: https://fediverse.zachleat.com/@zachleat/112009677115338756

“So, what exactly did Apple break in the EU?”—@tomayac

(spoiler: it’s a lot)

https://blog.tomayac.com/2024/02/so-what-exactly-did-apple-break-in-the-eu.md/#what-breaks

If you’re curious, the https://conf.11ty.dev/ web site is now officially open source (including the trending-on-Mastodon virtual tickets):

https://github.com/11ty/11ty-conf

#11ty #11tyConf

bringing the “I’m only here so I don’t get fined” energy to mastodon today

no comment

“It’s only in the EU” 😬 from folks that don’t live in the EU 😬😬😬

some toots are just for me

tune in on saturday mornings as ms. frizzle continues her career in the private sector on gartner’s the magic quadrant school bus

The table shows how much of the web is being broken with the release of iOS 17.4.

via https://infrequently.org/2024/02/home-screen-advantage/

(hat tip to @knowler https://sunny.garden/@knowler/111999357409515094)

A few streams back @mikeneu and I collab’d on a way to embed a YouTube video transcript right into a blog post for easy static search integration and I finally got a little demo of that going on my personal web site—you can see it in action here: https://www.zachleat.com/web/taylor-swift-fansite/#searchable-transcript

The transcript deep links to the video and the video updates the active caption from the video. (I kinda love it)

Hoping to get a more substantial blog post up on the approach soon!

portrait of a dad—my son (6)

last night I dreamed that I had a wedgie and when I woke up I had a wedgie

sometimes you follow your dreams and sometimes your dreams follow you

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?

@mikeneu and I stumbled into this improvement on the stream last week: https://www.youtube.com/watch?v=MrVMewBq0jE

(and shout out to @rdela who encouraged contributing the fixes upstream!)

Dropped a new pull request to unlock JavaScript control of @paul_irish’s `<lite-youtube>` custom elements using the YouTube IFrame Player API:

https://github.com/paulirish/lite-youtube-embed/pull/164

sure we can talk about centering a div but are we ready to talk about how the overton window of centering divs has moved away from the center entirely

“Apple is trying to kill the Open Internet!”—@techlore

https://www.youtube.com/watch?v=up-zUEFNMww

I am a middle child

“The future of Jamstack is anti-capitalist”—Salma Alam-Naylor

https://whitep4nth3r.com/blog/the-future-of-jamstack-is-anti-capitalist/

#TheFutureOfJamstack

In about 10 minutes @mikeneu and I will be walking through the tech stack of the @eleventy Conference web site on Twitch! https://conf.11ty.dev/

We’ll be talking about Jamstack, managing static/dynamic pieces side-by-side, the social ticketing images that were trending on Mastodon, web components, @buttondown and more!

Join us: https://www.twitch.tv/cloudcannoncms

This is the last entry in my #11tyConf web component series!

If you’d like to learn more about how the ticketing and registration piece of https://conf.11ty.dev/ was built—tune in later today to the Static Web Development Happy Hour with Mike and Zach: https://www.twitch.tv/cloudcannoncms/

The State of Jamstack: Developers Want Return to Simplicity—Jeff James on @TheNewStack

https://thenewstack.io/the-state-of-jamstack-developers-want-return-to-simplicity/

#TheFutureOfJamstack

Going live in a few minutes with a few friends to talk about the Future of Jamstack!

Featuring @cassidoo, Salma Alam-Naylor, @brob, and @mikeneu!

Join us: https://www.twitch.tv/TheFutureOfJamstack

#TheFutureOfJamstack

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

@DavidDarnes howdy! Someone at CloudCannon asked me if y’all use a CMS at Nordhealth and I have no clue so I thought I’d just ask the source 😅

This is the first of a few new web components I made for the @eleventy conference registration web site—more to come!

New web component: <throb-ber>

Adds a small rainbow gradient overlay until all of the images nested inside have finished loading. Works best with expensive dynamically generated images (like dynamic screenshot images).

📮 Blog post: https://www.zachleat.com/web/throbber/
🖼️ Demo: https://zachleat.github.io/throbber/demo.html
⚙️ Source code: https://github.com/zachleat/throbber