not you, @cloudfour—I’m already meticulously watching all of your excellent work

Send me your favorite standalone web components!

(I’m making a thing!)

#WebComponents

As a thought experiment, how would the JavaScript ecosystem replicate this redirect to a random post feature?

https://chriscoyier.net/2023/11/29/a-random-route-on-a-wordpress-site/

And just for fun, let’s brainstorm things that *aren’t* single-host features like Netlify redirects.

Looks like @morganm@subdued.social showed what you’re supposed to do in this situation and filed an issue:

https://github.com/bigskysoftware/htmx/issues/2055

Thank you!

And I guess I can’t wear this shirt any more https://www.zachleat.com/twitter/1096922195044036609

Look ma, I made a web component

https://zachleat.github.io/w3c-banners/

Web components are fun and I’m having fun.

(Originally from 2014:
https://www.zachleat.com/web/w3c-status-banners/)

I didn’t have time to record a short video, so I recorded a long one.

https://htmx.org/ needs a doctype 😬

I’ve started to notice that there is a very particular brand of tech influencer that almost exclusively conflates the technical merit of a thing with its money-making ability.

But the most efficient technical solution may not be the solution that makes the most money.

e.g. Fast builds are lost revenue for companies that charge for build time (aka the Jamstack paradox)

…and now I can’t unsee it.

Just to clear a few things up for people:

1. My kids are not babies, so I didn’t take any candy from a baby! This was not an easy task—in fact I am very cool for doing this because they are old enough to both count and write so they could be keeping inventory logs of the candy.

2. Candy is unhealthy, actually! Their dentist didn’t sanction the heist but I definitely got a vibe that this needed to happen

3. I wanted a snack

We pulled off a heist that stole 47 pieces of old halloween candy from my kids.

Here's how we did it 🧵

cc @sachagreif

Is it possible to get @eleventy removed from the State of JavaScript survey?

I’d rather not participate.

Apparently the “forgot my homework” dreams have evolved into “speaking at an international conference but forgot to travel to the conference” dreams 😭

being in tech sometimes feels like suffering through “what if 911 emergency phone services but as an iOS app” pitches from folks lauded as visionaries

refilled the kittens‘ water bowl in what can only be characterized as a strategically placed thirst trap

Since folks are asking:

The only way to administer the test and view results is via the smartphone app. The app requires Bluetooth permissions and asks for location, first/last name, date of birth, email, gender, and address. Test results are automatically reported back to the local/state/federal government.

I’ve attached screenshot receipts.

the free covid tests from the US government *require* a smartphone app, internet connection, and bluetooth access for use 🫠🦠😷

So many Google business model things happening right now—are they related?

Retiring Third-party Cookies:
https://developer.chrome.com/docs/privacy-sandbox/third-party-cookie-phase-out/

Manifest v3 Limits Content Filtering:
https://developer.chrome.com/blog/resuming-the-transition-to-mv3/
https://support.ublock.org/hc/en-us/articles/11749958544275-Google-s-Manifest-V3-What-it-is-and-what-it-means-for-uBlock-Users-

YouTube Ad-Blocker Crackdown:
https://www.forbes.com/sites/kateoflahertyuk/2023/11/03/the-youtube-ad-blocker-crackdown-is-ramping-up/

oh my god how tall can images render on this web site

minty fresh selectors

when folks say “I’m more productive because I don’t have to think about naming things,” they’re talking about HTML and CSS—not JavaScript and TypeScript

I wonder why that is (I don’t wonder why that is)

no, *you’re* updating 8 year old code to be web components on saturday afternoon

Need mental clarity on a thing? Write a blog post about it 😅😓💦

I guess GitHub requires JavaScript now? 🤔 I spy an empty <react-app> 😬

I’d consider this naming party to be solved moving forward as more and more folks use the term HTML Web Components 🏆

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

From @adactio.com: https://adactio.com/journal/20618

With credit to @jimniels too: https://mastodon.social/@jimniels/111211792061381617

I didn’t realize web components had their own emoji—nice 🚾

RCS on iOS before Custom Elements in React? I win the pool

`text-wrap: balance` is very useful and I would humbly request that it have more browser support please—thank you.

https://caniuse.com/css-text-wrap-balance

Just a few short words on a social media post changed my whole perspective on a thing—huh.

I’m reminded of this particular moment in 2018 when @jaffathecake quickly convinced me of the unique value of HTML web components:

https://twitter.com/jaffathecake/status/1050745168884842498

Free project idea: automated script to test the completeness of a web ring. Do all member sites in the ring include the web ring links?

as @jgamble noted, the use of "Never" in the first poll option was not quite good enough—I’ve edited the options which means y’all get to vote again 😅

How safe/risky do y’all think it is to assume WebP as a baseline for content images? (instead of JPEG/PNG)

Feel free to look here before you vote: https://caniuse.com/webp

Web components.

the space jam web site is not just timeless—it is immortal

and as much as it wishes for the sweet kiss of downtime, downtime eludes it

many a wp-admin request have been met with nothing more than an unceremonious 404—and countless more will fail behind them

Wishing the best for friends laid off today. Remember that layoffs are nothing more than evidence of inept leadership.

I felt silly for preemptively locking the @eleventy issue about switching to tabs and now I’m very glad that I did—the opinion-havers have arrived with opinions 🫠

wearable AI embedded in a belt buckle

github actions are wild https://github.com/marketplace/actions/support-requests

for real though are support requests just bug reports that don’t have a test case

oh my god https://github.com/marketplace/actions/please-star-first

Added a little search to my web site, as a treat https://zachleat.com/search/

* via https://pagefind.app/
* enhances from a DuckDuckGo <form>
* unnecessarily lazy loaded via <is-land> 😅

Confession: in my Web Components journey I’ve used Shadow DOM on a few components and it made sense to do so and it worked well (no regrets).

Remember that these different styles of component are tools in the toolbox.

Shadow DOM isn’t a silver bullet (or even a good default choice) but when you understand the tradeoffs you’re making and weigh those against the purpose and use case of the component, it sometimes makes sense to use it!

(And if you’re new to Web Components, don’t start here)

via https://adactio.com/journal/20618

1. HTML web components
2. Element extensions (from @davatron5000)

HTML web components from @adactio

https://adactio.com/journal/20618

(Adding more entries to the naming party started here https://fediverse.zachleat.com/@zachleat/111211208759538433)

This one lives on my web site now too: https://www.zachleat.com/web/site-mounting/

an ad-blocker but instead of ads it blocks mass-plagiarized AI-generated content

It’s been almost a year since I left Twitter, seems like it’s a good time to do an anonymous poll (if you have multiple accounts, scope your answer to your personal Twitter account only please):

some abstractions are for-profit weaponized complexity

One of the underrated benefits of mastodon is that when you manage multiple accounts (on distinct instances) you don’t need to hit a button to switch accounts—you can just go to a different URL.

may we muster the mental toughness and grit necessary to serendipitously record something incredible on our phone without shouting “I got that on video!!” afterwards

my drafts folder is popping off this morning with posts that will never see the light of day 😅

Was introduced to KDL (from @zkat) by @ollicle and I like it!

Looks like it solves some of the readability problems of TOML and might be a nice successor that finally loosens the unfortunate grip that YAML has on everything 👀

https://kdl.dev/

okay yes the original wordle was built with web components but what if wordle had been a standalone web component