Mastodon

Reading this blog post from @dries (creator of Drupal) about the post-pivot definition of Jamstack.

https://dri.es/the-new-old-jamstack-and-mach-journey-towards-traditional-cms-concepts

Dries rightly notes that Jamstack 2.0 shares *more* in common with monolithic/traditional stacks.

For me—I read this as a huge indictment of the broadened definition—it’s not a healthy evolution of the term if we must sacrifice technical clarity and simplicity to do so.

#TheFutureOfJamstack

tried to use webpagetest.org this morning and received this whitescreen error page. hmm.

A huge thank you to @jarhar (of Google) for “driving the design and implementation of Custom Element support” in React v19 (currently in Beta).

Honestly never thought I’d see the day—a huge win for web standards and web components.

https://react.dev/blog/2024/04/25/react-19#support-for-custom-elements

inside me is two woffs that I desperately wish was one variable woff

inside every software author there are two wolves: 🐺 v0.99 🐺 v99.0

#11tyConf

Finished packing about 90 @eleventy Merch Bundle bags 🥵🥵🥵

On track to get all of the @eleventy Merch Bundles sent out on Monday! #11tyConf

Update: all clear! Operations have resumed

the spreadsheet just told me about tornados.

Tornados have interrupted @eleventy Merch Bundle packing operations! 🌪️🫣

the @eleventy merch bundle shirts are done! #11tyConf

@sarajw you had mentioned that you preferred not between 5PM and 9PM CEST for 11ty Conference—just want to make sure—is 10PM okay? is that too late?

(Please don’t find this person and bother them, I am therapeutically complaining here 😅)

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

#OpenSource

I would like to speak softly without carrying a big stick

I’m participating in #JSNakedDay today! You won’t find nary a `<script>` on zachleat.com.

Read all about it: https://www.zachleat.com/web/js-naked-day/

For me, it’s hard not to see the larger problem (and not limited to Vercel).

Hosting providers are prioritizing dynamic features because dynamic things make more money!

@jlengstorf said it first: https://www.youtube.com/shorts/tf2erRqdwqc on #TheFutureOfJamstack

Notably, Vercel has a financial incentive to *not* implement support for a bunch of features in static export in Next.js.

Either static export is a viable feature for portable Next.js projects or Next.js is not a portable framework.

Next.js static export not supporting `next/image` is *wild*.

“Since Next.js supports this static export, it can be deployed and hosted on any web server that can serve HTML/CSS/JS static assets.”

But not images!!

https://nextjs.org/docs/pages/building-your-application/deploying/static-exports#unsupported-features

This is a prime example of customers losing from an unhealthy relationship between framework and hosting provider.

The number of times I have audibly gasped this morning learning about inefficiencies in Next.js’ <Image> component has made me realize that I’m a little out of shape.

started to get a little chunky at 40k but it’s still going 🫣 #11ty

The light/dark mode switcher on https://2024.xoxofest.com/ is a mini-game!

Incredible work @xoxo, @andybaio (et al?) 🙌

@sarajw https://front-end.social/@sarajw/112297316722597457 😬

@pauleveritt I had a few local commits that weren’t pushed, you were right 😅

I did add a test to make sure collections (API or tag-driven) were accessible via eleventyDataSchema though! https://github.com/11ty/eleventy/blob/10715662280922a50a86372732445c3f57afb108/test/EleventyTest.js#L1205

@sarajw I think these two options are budget friendly:

https://www.amazon.com/dp/B08KFRPGSW/
https://www.amazon.com/dp/B002OO18NS/

Happy to include that cost with your honorarium reimbursement too!

Going live with @mikeneu to talk Web Dev Tabs of the Week and continuing with our SSG from Scratch series! Join us!

https://www.twitch.tv/cloudcannoncms

my new analytics product “google analytics analytics” will tell you if stakeholders are using the google analytics data you’re collecting.

you simply add my small script to your site and it will prevent google analytics from collecting data. then we wait to see if anyone complains

tech “meritocracy” doesn’t reward fast, good, or cheap—it rewards profit

2024: jia tan
2014: obama’s tan suit
tan(2004): -0.34936947076

coincidence??

@BryceWrayTX is this positive? seems positive

If some folks on here could send @BryceWrayTX a positive message today I’m sure they would really appreciate it.

I hope the state of Nebraska buys something nice with the $1 USD I owed on my state tax returns this year

The inaugural JS Naked Day is now April 24, 2024 thanks to @macdonst and @McNeely!

Blog post: https://simonmacdonald.com/blog/posts/2024-04-12-introducing-js-naked-day

Home base: https://js-naked-day.org/

Going live with @mikeneu in 5 minutes on the Static Sites Fan Club stream!

1️⃣ Web Development Tabs of the Week
2️⃣ Mike’s Sneak Peek of the Week
3️⃣ Building an SSG from Scratch (Eleventy as three Node.js packages in a trench coat)

https://www.twitch.tv/cloudcannoncms

@henry Just checking if you’re in or not for 11ty conf? I see you got the swag bag but not the google form filled out yet—just wanted to make sure!

So far in 2024:

1299 commits to Next.js
846 commits to Astro
313 commits to Nuxt
254 commits to Remix
13 commits to Gatsby

*non-bot commits to fully funded frameworks.

…and the toggle on my site’s footer is always there to turn off the current page’s CSS (opt-in 🙃)

https://www.zachleat.com/

It’s #CSSNakedDay!

I love this trend—it highlights the importance of a foundation of good HTML.

We need a similar one for JavaScript! #JSNakedDay should be April 10 😅

I wonder if y’all can help me out—I’m trying to collect a list of web development communities (not related to any one specific tool or framework), can you reply with your favorites?

(if you don’t have a favorite I will also accept communities you’re familiar with 😅)

@skinnylatte you’ve gotten an email from me with an 11ty Conference speaker invitation (just a nudge!)

@adactio you’ve gotten an email from me with an 11ty Conference speaker invitation (just a nudge!)

ABC:

Always
Be
forgetting how much mental energy it takes to organize a Conference

we don’t measure LoC, we measure in piles

yes, witnessing the miracle of childbirth is incredible but have you ever deleted a whole pile of legacy code

you pay for the health insurance for your teeth separately—practically speaking your teeth are out of network from your body

Going live with @mikeneu to discuss:

* Front-end Tabs of the Week
* Web Components Roundup
* More work on the self-hosted RSS Reader
* Channeling a few open source regrets into a new educational project on-stream

https://www.twitch.tv/cloudcannoncms

An incredible interview with FTC Chair Lina Khan on Big Tech monopolies dropping more revelations about Apple’s super rocky editorial oversight of Jon Stewart’s Apple TV+ show:

https://www.youtube.com/watch?v=oaDTiWaYfcM

My takeaway from the #xz backdoor is that I will now treat any and all “is this still being maintained”-esque messages in open source repositories with the hostility merited a nation-state supply-chain attack on open source as a concept.

you will never find a more wretched hive of scum and villainy than google analytics

tech companies donate their april fools’ day joke budget to open source maintainers challenge 2024

A TC39 proposal for Signals (with a polyfill)—Rob Eisenberg

https://eisenbergeffect.medium.com/a-tc39-proposal-for-signals-f0bedd37a335

@hexagoncircle hey sorry I am out to breakfast with the family and I moved back our chat a bit—does that still work?

“Silicon Valley” evokes vibes that are:

(HT @beep @eric)

“Tecno Spark 8C, a low-spec phone that can hit 40 FPS in Battle Royale PUBG but lags below 1 FPS on social media”

https://www.tomshardware.com/tech-industry/modern-web-bloat-means-some-entry-level-phones-cant-run-simple-web-pages-and-load-times-are-high-for-pcs-some-sites-run-worse-than-pubg

The conference selection committee slump is when you feel guilty that you can’t pick all of the amazing talk submissions 😭 (there are so many good ones).

We could easily do three days of #11tyConf

oh no I forgot an oxford comma

Going live with @mikeneu on the #StaticSiteFanClub to talk Web Components, Front-end WebDev News and more!

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

Finally we have a CLI to definitively answer whether something is a web site or a web app: https://github.com/Y2Z/monolith

See if you can tell which is which (bonus points if you can guess which HTML file is 9.6MB and which is 703KB)

A large contingent of webdevs seem to think that fast means “best-case fast.”

“Our web sites are fast on expensive hardware and from 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.

🔗 Runtime compatibility across different JavaScript runtimes: https://runtime-compat.unjs.io/

We love a good compatibility table but I also want to see the proprietary non-standard additions of each platform documented too. This is the other side of vendor lock-in.

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

Live now with @glitchdotcom and @jenn to talk all things @eleventy!

https://www.youtube.com/watch?v=NiYSbOKZ_H4

“This doesn’t look good” indeed.

https://fediverse.zachleat.com/@zachleat/112117301801565699

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