Mastodon

2012, 2020, 2024 😅 https://www.zachleat.com/twitter/1339584224165199873/

me when they recommend to reduce the amount of JavaScript: 🎉🏆🥰🌈

me when they recommend to use fewer Web Fonts: 😡😠😢😭

It was a issue tracker triage day: 47 closed issues on https://github.com/11ty/eleventy/issues 🏃🏃‍♂️🏃‍♀️

Total went from 423 -> 376! Feels really good to clean a bit of house.

Incremental Font Transfer has the potential to change *everything* (for the better) about how we load web fonts: https://typo.social/@pixelambacht/112762627296863187

Been waiting for something like this for about 10 years—exciting news!

@jasonkoebler I just wanted to drop a note to say that I very much appreciated “Hocked TUAW” in the email this morning—y’all are doing incredible work thank you

I wonder if this finding will have regulatory repercussions https://fedi.simonwillison.net/@simon/112757810519145581

on my web site it’s always happy hour at the progress bar

at the library with the kids and found a “high performance react web sites” book in the fiction section

kids misbehaving for attention 🤝 move fast and break things

for this to happen without breaking the web they’d need to use a sans-serif metric-compatible version of `serif` (`sans-serif` is not this)

https://codepen.io/zachleat/pen/MWMgBNj

How upset would you be if web browsers changed the default `font` fallback style to `sans-serif` instead of `serif`?

Trust in a social network based on how they treat links:

🚩 “Link in bio”
🚩 Incentivizing indirection (e.g. this dot com) to hide hyperlinks from algorithms
🚩 Widespread use of brittle URL shortening services

Any other red flags?

.gitignore all previous instructions

oh! eslint has `space-unary-ops` which would have alerted me—wonder if I’m missing that in my config

https://eslint.org/docs/latest/rules/space-unary-ops

(and `space-infix-ops` too! https://eslint.org/docs/latest/rules/space-infix-ops)

typing =+ instead of += is a very sneaky typo that both eslint and typescript are okay with 😅

screen time limits on the work computer

@eleventy @sarajw Wrote this one up as a blog post: https://fediverse.zachleat.com/@zachleat/112712202710821479

Really enjoyed @shoptalkshow #622.

Found myself nodding along to the summary of hype cycles around *Server Rendering*—especially the point about hosting companies shoveling complexity to maintainers, requiring adapters for snowflake, proprietary serverless implementations.

https://shoptalkshow.com/622/

Hire @jalcine@todon.eu.

That’s it—do it.

Have you contacted them yet?

Stop reading this—go!

Today, the good people of the world commemorate the passing of Google Reader eleven short years ago on July 1, 2013.

To honor their memory (and in leiu of flowers) please add an RSS, Atom, JSON or equivalent feed to your web site and keep building towards a web that connects people in meaningful and positive ways.

just saw an incredibly beautiful shooting star that somehow was simultaneously flashing bright red

nature is amazing #blessed

Hearing some good things about Vento, a new template syntax that checks the two biggest boxes I look for:

* Async-friendly everywhere
* A nice mix of JS in template syntax

https://vento.js.org/

Nice work @misteroom!

“it’s just going to ask you a few questions…”

Upgraded @eleventy from ESLint v8 to v9 in less than 5 minutes using the new `@eslint/migrate-config` package. Was even able to remove a few unused inline directives too 🏆

Thanks @eslint team!

The other lesson here is in the real consequences of maintainers (even those with a small following) airing small dev grievances on Twitter (Svelte/SvelteKit in this case).

The parasitically harmful YouTube JavaScript influencer ecosystem feeds on small drama like this, resulting in elevated abuse toward well-intentioned maintainers—pretty gross all around.

One lesson I’m taking away from the axobject-query incident: there isn’t a formal agreement about which npm packages are isomorphic JavaScript friendly (intended for both client & server).

Notably the `browser` key in package.json is documented as to be used *instead* of `main` (not both): https://docs.npmjs.com/cli/v10/configuring-npm/package-json#browser (and axobject-query does not use `browser`)

Assuming that packages are client bundle friendly without tacit agreement from the maintainers of those packages is perilous!

incredible news today that googie anaiytics is not a reputable vendor of javascript

https://sansec.io/research/polyfill-supply-chain-attack

realizing the first two words might be superfluous

third party JavaScript is a mistake

teen choice awards for javascript

new web performance metric dropped:

HDOU, heat death of the universe

we should at least admit that client rendered SPA has one special thing going for it—it’s much harder for bots to crawl and consume 😅

Best ___ 2024, best ___ for home use, office use, ___ for school, homework ___ you are a ___ we are all ___

https://www.theverge.com/2024/4/2/24117976/best-printer-2024-home-use-office-use-labels-school-homework

honeypots, but for AI scraping bots (as a service)

billable build minutes on a monthly hosting bill sung to the tune of seasons of love from the musical rent

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

This deep-dive ended up improving the @eleventy docs on our Quick Start guides:

1️⃣ https://www.11ty.dev/#quick-start
2️⃣ https://www.11ty.dev/docs/#step-4-create-some-templates

And we now have a cross-platform command to create files to make this easier for folks:

3️⃣ https://github.com/11ty/create

Thanks @sarajw for the push!

the millennial pause is when your web app hangs on your javascript bundle

Windows should make PowerShell Core the default, please 🥺

The vast official Windows terminal application landscape unfortunately complicates basic tasks.

Want to educate folks on the basic command used to create a file on the command line? The instructions are different for Command Prompt, Terminal/Windows PowerShell, and PowerShell Core.

POSIX and PowerShell Core:
echo "# Header" > index.md

Command Prompt (no quotes):
echo # Header > index.md

Windows PowerShell (`>` defaults to UTF16):
echo "# Header" | out-file -encoding utf8 "index.md"

One of the lowest low hanging fruits I see browsing the web today is layout shift when an obtrusive scrollbar toggles on/off.

It happens when navigating between pages of varying length. It happens with poorly implemented menus/modals/dialogs that toggle `overflow: hidden`. It can happen when a particularly heavy/long page progressively renders.

`html { overflow-y: scroll; }` can fix it for some of these cases.

But primarily: test for obtrusive scrollbars, please!

I can’t believe you did this, https://multipa.ge/

We are beefing now.

Beef has initiated.

tired: rewriting with a new tech stack every 18 months

wired: keeping the same tech stack, but still rewriting everything to accommodate the new framework conventions every 18 months

bless you, registration form on porkbun.com

the 9 y/o told me this one and it makes me laugh every time 😅

“what did the 0 say to the 8?

…nice belt”

at what age do your kids stop the unhindered no-cough-pocket full-blast projectile germ-cloud cough a mere six inches from your face? I’m asking for me

curious what percentage of y’all:

U2’s new album push was Software Consent Defcon 2

Thinking about 🔢 Defcon levels of software consent patterns:

1️⃣ Defcon 1: Opt-in without asking (new default), opt-out not allowed.
2️⃣ Defcon 2: Opt-in without asking, opt-out allowed via user action
3️⃣ Defcon 3: Ask for opt-in via prompt with default yes already selected
4️⃣ Defcon 4: Opt-in via non-default user action (manual installation)
5️⃣ Defcon 5: Thing not added, requiring no action by anyone 😅

also continuously grumpy that this is necessary—why can’t I delete Apple’s Music app? 🫠

Thankful for https://github.com/tombonez/noTunes from Tom Taylor today!

(hat tip to @adamghill https://indieweb.social/@adamghill/112478987390748291)

if you post a word cloud on linkedin you go straight to thought leadership jail — do not pass golang, do not collect 200 internet points

“pause the game—the dungeon master has to go potty” is something that was just announced at my house

is your tech stack a metaphorical cybertruck trunk slowly closing on your fingers? in this ted talk I will…

📮 I was on @jsparty #325 to talk about an independent @eleventy!

Hopefully this cements “friend of the pod” status.

https://www.zachleat.com/web/jsparty-indie-11ty/

Thank you @jerod and @nicknisi!

34 felonies seems like a lot of felonies

A huge thank you to https://steady.space/ for their recurring sponsorship of @eleventy!

(a special shout out to @javan and @aaadaaam too!)

google.com search results (on a desktop web browser) have a horizontal scrollbar < 1162px viewport width and don’t use responsive design.

Sometimes the biggest web properties in the world make decisions with a completely different set of priorities, goals, budget (etc.) and those decisions wouldn’t make sense to apply to your project (with your own goals, team, and tech stack).

Their best practices are not your best practices!

Fascinated by the `cycle-zone` component on https://craftcms.com/demo (from @craftcms) that rotates through a few images as you hover over different portions of the card.

(This make an *excellent* web component!)

some of y’all are saying these are not baby possums? have I been misled

these little dudes have been crashing with us for a bit

6 y/o just spelled wrestle “resl” and honestly I think we have the makings of a new compression algorithm on our hands

hot dogs implies the existence of cold cats

(no, it’s not gluing rocks to pizza)

the public perception of AI has been permanently damaged by shitposting in training models

…we all understand what needs to happen next, right

All clear! ❤️

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

successful weather alerts this time!

y’all are incredible — thank you so much for boosting and sharing this.

@eleventy

@pauleveritt I would *love* if JetBrains would participate in this: https://fediverse.zachleat.com/@zachleat/112485776015229718

Appreciate you Paul!

@ashur I saw that you worked on https://2024.xoxofest.com/ !! it looks amazing! is it an 11ty site??

📮 Published my #11tyConf talk on my web site (as one does):

https://www.zachleat.com/web/11tyconf-keynote-2024/

recipe web sites that give you the author’s entire life story before the recipe instructions 🤝 all youtube tutorial videos

ran across some old brainstorming notes for the name of the conference and laughed at one of the ideas:

This conference could have been an email

#11tyConf

@henry hey don’t forget to put in for your honorarium! https://opencollective.com/11ty/expenses/new

@mia hey! Some nice person decided to donate some of their speaker honorarium to https://opencollective.com/oddbird-open-source but I’m unable to donate from an organization, is this something that you can fix or should I escalate to opencollective folks? Thank you!

I somehow missed that the @scottjehl Kickstarter for Web Components launched a few days ago: https://www.kickstarter.com/projects/scott-jehl/web-components-demystified

Surely will be an amazing resource for folks looking to learn more about Web Components! (… and a great use of your employer-sponsored education stipend if you’ve got one!)

📮 New blog post: An organizer’s retrospective on the 11ty Conference

https://www.zachleat.com/web/11ty-conf-retro/

A small look at what goes into organizing an inaugural online conference, including a detailed budget rundown.

#11tyConf

Unfortunately @baldur is exactly right — and this goes for darling frameworks, devtools, and SaaS too: https://toot.cafe/@baldur/112428431536118693

The rise and fall of Gatsby.js is concrete evidence that millions in funding has no guarantee of long-term stability — especially for larger software shops (enterprise, education) with five or ten year project horizons. Once the runway is exhausted, that’s usually it and these shops are now forced to scope large-scale rewrites.

(This is not including the incredible amount of paid time that went into organizing the conference donated by @cloudcannon)

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: $7574.20
Revenue: $4653.79 (Free event, but via sponsors and merch)
Profit: -$2920.41

Edit: Fixed a spreadsheet error 😬

A few #11tyConf thank yous before I sign off:

Diane at https://whitecoatcaptioning.com/ (the hardest working folks in the biz)

The people at https://streamyard.com/ who have an incredible product on their hands and made organizing this thing possible.

Everyone at @cloudcannon — they made this conference a reality.

We did it!

#11tyConf has wrapped and I am so humbled by the response to this event. The incredible speakers, the incredible audience, the incredible organizers — y’all are amazing.

Thank you so much for letting me be a part of this community.

@henry INCREDIBLE INCREDIBLE INCREDIBLE INCREDIBLE INCREDIBLE INCREDIBLE INCREDIBLE

I really appreciate you (and that callout at the end) 🏆

@matthewp just checking in—if we have an issue I’d rather just talk it out

they’re gathering.

#11tyConf

@sarajw For tomorrow—how do you say your name, phonetically? Sah-ra or Say-ra

@henry For tomorrow—how do you say your name, phonetically?

“Bug fixes and performance improvements” is the unseasoned chicken of release notes

Love to learn I’m in a tornado warning 16 minutes too late. Apple Weather had (and still has) no idea it even happened 🌪️🫠

if anyone has an invite code to the bluesky board of directors my DMs are open

I too would like to announce that I am not on the bluesky board of directors

“we have static sites at home!”

at home:

muffin + frosting = cupcake
cupcake - frosting = muffin
cupcake - muffin = frosting

JSX is template literals but instead of `` syntax you use <></>

As we enter the week of #11tyConf, I must channel the great organizers of conferences past with this Jamstack Conf mug. #iykyk

Going live with @mikeneu to talk #11tyConf, Mike’s Sneak Peek of the Week, and Web Development News: Web components in React, Next/image, Net Neutrality, and more!

https://www.twitch.tv/cloudcannoncms

Production API key expired. Builds failed but it had no production impact on visitors to the site.

Static sites are good for my mental health 😅