Mastodon

Had a really lovely time at @smashingconf in Freiburg today! It was my great honor to be the mystery speaker as we trapped hundreds of people in a room to teach them about web components 😈😈😈

Thanks for having me!

what if the quiet train car, but for everywhere

today I used a className attribute in HTML just to feel alive

slowly but steadily—@eleventy is still growing!

This poll got a lot of responses (and helpful replies)!

I wasn’t all that interested in preferences 😅. I really wanted to learn about the folks that selected the first two options.

A few lessons:

1. Supporting both modes is an accessibility priority—some folks need light, some dark.
2. Which mode folks need can be dependent on their surroundings (not just time of day).
3. Untested poor color contrast is a big problem!
4. UI toggles are used by folks as a workaround for color contrast issues.

Some really great color contrast checking features in Polypane: test dark and light mode at the same time!

via https://mastodon.social/@Kilian/110984597045130057

Learn more: https://polypane.app/

*opens Mastodon*

…oh my

when the web site says “it’s better on the app” I will now assume they mean Phone.app 🚩🚩🚩

regrettably forced to use Phone.app today

A very unscientific poll about light and dark modes on web sites:

Follow-up here: https://fediverse.zachleat.com/@zachleat/110973935112168420

A few weeks ago I asked y’all what blog posts were most influential to how you build for the web. I had a lot of fun building a little micro-site for these links and it’s now available:

https://esif.dev/

This site makes a great reading list (and has an RSS feed too) and uses @cloudcannon with @eleventy.

A full tutorial on how this site was made is available here: https://www.youtube.com/watch?v=yXcxvBJuULU

Sure—I’m a little biased but @cloudcannon is walking the walk here—very impressive, team! 🏆🏆🏆

https://treo.sh/sitespeed/cloudcannon.com

Certainly not claiming that Eleventy’s problems or risks are better, just different.

We’ve taken $0 from investors, which is definitely easier for me to manage long-term (what I’m optimizing for).

Well—wait. Is it not well known that the end-game for Astro is almost certainly to sell the company?

They’ve taken $10M from investors—likely to result in the same funding problem that Gatsby had—except with (imo) an even larger risk as they don’t seem to have started monetization efforts.

Unfortunately more bad news for Netlify as Astro jumps spaceship to partner with Vercel: https://astro.build/blog/vercel-official-hosting-partner/

one thing I like to do after joining a new company—just a small gesture—is to buy the CEO a gift card after they make an unsolicited request to buy them one in a text from an unknown number

(via https://social.karsten-voigt.de/@blechpirat/110903701692214638)

react.js announces plan to support web components by 2063.

the popular javascript library has set an ambitious target to add support for the custom elements specification supported by every other javascript framework within the next 40 years…

Project @eleventy Big Deal ESM update:

✅ Added support for resolving ESM dependencies for --watch/--serve.
✅ Added support for .mjs extension to Data Files

Progress!

#11ty #11tyESM

some colors are lch()-ious

Apropos of nothing—a company may hypothetically find themselves between a rock and a hard place when said company has little-to-no resources to invest in a framework but relies on revenue from enterprise customers depending on that framework.

In fact, this hypothetical company may even publicly overstate the resources they are investing in said framework to protect that revenue.

I’m glad this is not what is happening.

I suppose it’s only fair to update this thread again with the official statement from Netlify: https://www.netlify.com/blog/gatsby-cloud-evolution/

Lots of contradictions between things said in that blog post and the sources linked above though 😬

JavaScript Framework Relationship Goals:

Total Blocking Time: 0 ms

I’ve never done jury duty so the jury is still out on what jury duty is like

@reverentgeek hey David! I come with a Eleventy Possum commission request!

Here’s our last in the series: https://www.11ty.dev/blog/new-mascot-from-geri-coady/

The idea is to do one of these every year—I prefer each artist do it in their own style. The other times we paid $300 but I think it makes sense to bump it to $400 this time because everything is more expensive now 😅.

The only requirements are to include a red balloon, a possum, and a transparent background.

Is this something you’d like to do? Appreciate you!

valyrian steel-cut oats

re-recording a bunch of video because my green screen wasn’t green enough AMA

Excuse me, this is incredible—an online meetup to collab on web sites: https://sundaysites.cafe/

And the guide book ain’t bad either:

1. Write HTML and CSS.
2. Don't use JavaScript. Figure out ways to achieve something similar with HTML.
3. Automate as little as possible. Keep it manual until it hurts.
4. Sign your site with a link to your user page.
5. Have fun!

(via @jenn!!)

I love web sites

have a look at this gem from the web site of @dantescanline@autonomous.zone

https://dantescanline.com/

(Re: @Robb https://front-end.social/@Robb/110929276191513818)

if you don’t control the domain name—you don’t control the content

“We use React. Its power seems inescapable. So did the divine right of kings.”—Ursula K. Le Guin, probably

Perhaps controversially—I believe the same could very easily happen to any VC-funded framework.

What happens when you have multiple FTE on payroll and you exhaust your runway without a viable strategy to monetize?

Looks like the cat is out of the bag now, but still no official word from the company: https://twitter.com/FredKSchott/status/1693007599803752638

The top contributor to Gatsby: https://twitter.com/lekoarts_de/status/1685942410776342528

Another Gatsby employee: https://twitter.com/wardpeet/status/1693014604694061194

Saw also a public Slack post from the founder saying Gatsby was in “maintenance mode.”

what do you call it when a skeleton screen barely matches the final rendered result 🫠

Just casually dipping into the latest industry-altering book from @beep which is—well, would you look at that—now conveniently available for purchase.

Get your copy: https://abookapart.com/products/you-deserve-a-tech-union

I now have access to the @cloudcannon social accounts—brand accounts everywhere just felt a chill and they don’t know why (yet)

instead of best practices maybe the practices can be pretty good

Feels like there are a lot of things going unsaid in the Gatsby.js community right now 😬

now those letters spell NOJS on my bookshelf 😎

oh ho I stumbled across this little signage case study history from NEJS CONF https://www.tinkeringmonkey.com/portfolio/nebraska-javascript-conference/

(cc @nicknisi @jerod @mattdsteele @jmhobbs)

thank you to everyone who sent me their worst todd 😅

really struggling to think of a todd that isn’t cool

it will never cease to boggle my mind that when I look back on my life, of all the unexpected and surprising events to happen that I am forced to cope with and rationalize alongside my own personal life experience—y‘all—just take a second to think that some of the coolest people I know are named todd

like, what

it’s alive—phase 1 of n: @eleventy consuming ESM data files.

#11ty #11tyESM

Are dynamic import() assertions a thing or not a thing?

v8 says yes: https://v8.dev/features/import-assertions#dynamic-import()

node 18 says (node:66383) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time

it was indeed @reverentgeek!

Thanks @joe, @redcrew, @khalidabuhakmeh, and @benjaminperdomo!

There is a developer that famously does custom avatar drawings and for the life of me I cannot remember their name. Help?

Update: it is @reverentgeek!

this entire thread will probably self destruct after this caffeine high passes

update: iykyk

please don’t boost this I already regret it

finally officially starting work on Project Big Deal ESM for @eleventy

#11ty #11tyESM

deleting a bunch of single-vendor-specific code today—feels good

any valid and constructive criticism of unnecessarily advanced technology will be dismissed as luddism

Personally, I nominate @remotesynth 😅

and that’s maybe the uncomfortable crux of the thing—Netlify doesn’t seem particularly interested in investing or shepherding a community around Jamstack moving forward (whether it agrees that the term is toast or not) evidenced by shuttering the Jamstack Discord, the retirement of Jamstack Conf, the likely closure of the Jamstack Community Survey (given @seldo’s departure).

For me the logical next step here would be for new leadership to step in to clarify and shepherd Jamstack moving forward.

Whew, I have *thoughts* on this article from @ricmac: https://thenewstack.io/is-jamstack-toast-some-developers-say-yes-netlify-says-no/

Jamstack as a meaningful term lost a lot of power because it was diluted to include practices that went against the original definition.

If we want Jamstack to continue to be relevant and useful—we (as a larger community *independent* of Netlify) need to clarify the definition to have a meaningful and consistent technical foundation.

new day, new swag

(thanks @cloudcannon!)

Making a little mini-site for these and to be honest it needs far more underrepresented folks—help!

If you were to pick one web development blog post that played a huge part in changing or influencing how you build on the web—which blog post would it be?

I have a personal security rule that I don’t give out personal information on incoming phone calls, which complicates all kinds of transactions with antiquated systems.

When standard industry practices throw off fraud red flags, it becomes obvious why folks get defrauded!

I don’t usually gamble but I did use `npm audit fix` once

only once

we’ve done it, y’all—we made it to 50.

jamstack is now officially** owned and operated by me

**not officially

if this toot gets 50 likes, that counts as jargon squatter’s rights

if netlify is done with the term jamstack—can I have it? 😅

it’s my first day at @cloudcannon AMA

weeeeeeeeeeeee

and a whisper was heard from this lake michigan protector of ships, this lone building of light, this guardian of the shore:

“remove unused javascript”

we have reached the point of the vacation where I am hopelessly sunburnt and everything hurts

forgot to add a CW on mastodon and this boat showed up

giving away free @eleventy merch on the river today—see you out there

which great american novel has the best book cover

I have four invites to make your own web site, if anyone wants one.

we have random-access memory, virtual memory, read-only memory, and even electrically erasable programmable read-only memory.

but who is asking the hard question of how to store data in muscle memory

daily subscription pricing for disposable electromagnetic field protection

not many people remember this but before planned obsolescence became the norm, faraday cages used to be called faramonth cages

A few years ago I blogged about why this is unfortunately relevant, personally: https://www.zachleat.com/web/icymi/2017/

If I understand correctly, a “true threat” changed from how a reasonable person would interpret violent speech and raised the bar that the speaker must have a conscious disregard for how violent speech would be interpreted.

It seems unlikely that this change will help victims of harassment—but it almost certainly creates more protection for harassers.

Reading through this summary and wincing, specifically at the ACLU attorney classifying the stalker’s targeted death threats as “inadvertently threatening speech.”

https://en.wikipedia.org/wiki/Counterman_v._Colorado

You can tell a whole lot about a company by the buttons they show on their cookie banner:

🚩 Allow All / Advanced Options
✅ Allow All / Only Necessary
✅👑🏆🥇 We don’t have a cookie banner because we don’t track you

consider it considered 😅

are we even allowed to have friends in the EU

threads lightly

social network fatigue is real

investor pitch: a web application firewall but for web sites

tfw you casually browse over to the space jam web site

I’m developing a somewhat risky talk on the state of our industry for @Fronteersconference in Utrecht this year.

If you want to be the first to see this talk you should get your tickets ASAP!

(Also the line-up is incredible!)

https://fronteersconf.org

the H in HTML stands for hyper-monetization

can we talk about how twitter encouraged use of their own custom meta tags for social media previews and that now non-functional HTML is little more than trash on the disinformation highway, a walmart plastic bag clutching to a dying thirsty weed, rooted and desperate for hyper-monetization

who can I pay to rate limit my email inbox

with a casual side-eye at TypeScript 👀

https://deno.com/blog/commonjs-is-hurting-javascript

“CommonJS is hurting JavaScript.” It’s “not browser native. You need bundlers and transpilers to make all of this code work client-side.”

Seems reasonable! Can we talk about JSX next?

(via https://fosstodon.org/@deno_land/110634009792523346)

@slightlyoff I don’t know any folks at mtc.ca.gov specifically but there are a few folks in the Eleventy community that work on ca.gov stuff that might have some connections! https://github.com/cagov

@seancdavis welcome to Netlify!

this toot has incredible but accidental “hair club for men” marketing energy

There is an incredible danger with increasing seniority that you deal entirely in abstractions and don’t build things. Or worse—you think that building things is for juniors.

🚩 You build the platform but nothing on the platform.

🚩 You build the framework but nothing with the framework.

🚩 You devrel but it becomes 100% rel and 0% dev.

Don’t fall into this trap! Be your own customer—keep building 🏆

if you were just in a meeting with me and you see this toot, no you didn’t

just realized my pants zipper was down for that whole zoom meeting

awkward

<html> everywhere all at once

can you believe this guy was recommending icon fonts in 2010

https://www.zachleat.com/web/css-sprites-using-font-face/

(I believe my very first web font blog post 😎)