Nexodus Archive

Source code at zachleat/nexodus

504 posts total

  1. <p>it feels important to keep saying: SPA as an app framework default (and not an opt-in feature) was a mistake</p>

  2. it feels important to keep saying: SPA as an app framework default (and not an opt-in feature) was a mistake

  3. I truly believe that the desire to automate your new computer setup is a symptom of trauma

  4. <p>I truly believe that the desire to automate your new computer setup is a symptom of trauma</p>

  5. Monetizing frameworks is incredibly difficult given the incentives and more of your favorite VC-funded frameworks are going to repeat this playbook, unfortunately

    [contains quote post or other embedded content]

  6. it would be super cool if @npmjs.bsky.social added this! https://bsky.app/profile/tobias.bieniek.cloud/post/3lsjealy2hc2u

    [contains quote post or other embedded content]

  7. maybe I’m being sensitive but I’m giving a bit of a side eye to deno.com stating that it’s “Backwards compatible with Node.js”

  8. we fully admit that our plagiarism machine deprives artists of credit and compensation but you have to admit that it’s an entirely different phenomenon with open source software authors because they have never received credit or compensation

  9. <p>we fully admit that our plagiarism machine deprives artists of credit and compensation but you have to admit that it’s an entirely different phenomenon with open source software authors because they have never received credit or compensation</p>

  10. <p>medical</p><hr><p>getting blood drawn for a routine checkup and I’m the weird one for suggesting they take a little bit extra for the life extension guy?? not because he wouldn’t take it but because I’m too old? rude</p>

  11. <p>briefcases are grown-up trapper keepers</p>

  12. briefcases are grown-up trapper keepers

  13. I recently explained fax machines to my 7 y/o and looking back — what an incredibly wild concept:

    public printers on the end of a public phone number that anyone could send anything to — any everyone just went along with it?

  14. <p>I recently explained fax machines to my 7 y/o and looking back — what an incredibly wild concept:</p><p>public printers on the end of a *public* phone number that anyone could send anything to — any everyone just went along with it?</p>

  15. <p>sometimes release notes are like “we fixed this absolutely horrendous limitation that most folks didn’t know about until just now”</p>

  16. <p>So thankful to the *excellent* work that <span class="h-card" translate="no"><a href="https://mastodon.social/@joyeecheung" class="u-url mention">@<span>joyeecheung</span></a></span> has done with Node.js!</p><p>Especially this: <a href="https://floss.social/@webhackfest/114699260646396693" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">floss.social/@webhackfest/1146</span><span class="invisible">99260646396693</span></a></p>

  17. <p>if it “just works” likely someone worked very hard to make it so</p>

  18. if it “just works” likely someone worked very hard to make it so

  19. I went out to try to improve society, somewhat. #NoKings

  20. <p>I went out to try to improve society, somewhat. <a href="https://fediverse.zachleat.com/tags/NoKings" class="mention hashtag" rel="tag">#<span>NoKings</span></a></p> A bearded person (me) with sunglasses and a hat is holding a large sign that says made by immigrants with a USA flag

  21. <p>Thinking about a point that a few folks have made in the replies that “verifying humanity” reads as exclusionary or ableist. Huh — that’s caught me off guard so I will have to think on it for a bit — but I see the truth in it.</p><p><a href="https://fediverse.zachleat.com/@zachleat/114672071580843474" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">fediverse.zachleat.com/@zachle</span><span class="invisible">at/114672071580843474</span></a></p>

  22. maybe as a society we should spend less time “Verifying that you are a human” and more time “Verifying your humanity”

  23. <p>maybe as a society we should spend less time “Verifying that you are a human” and more time “Verifying your humanity”</p>

  24. <p>anyway, I’m sure training models on any and all source code will be fine — don’t worry about it</p>

  25. <p>“Midjourney is the quintessential copyright free-rider and a bottomless pit of plagiarism. Piracy is piracy, and whether an infringing image or video is made with AI or another technology does not make it any less infringing” — Disney and Universal</p><p><a href="https://apnews.com/article/disney-universal-midjourney-copyright-lawsuit-722b1b892192e7e1628f7ae5da8cc427" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">apnews.com/article/disney-univ</span><span class="invisible">ersal-midjourney-copyright-lawsuit-722b1b892192e7e1628f7ae5da8cc427</span></a></p>

  26. “Midjourney is the quintessential copyright free-rider and a bottomless pit of plagiarism. Piracy is piracy, and whether an infringing image or video is made with AI or another technology does not make it any less infringing” — Disney and Universal

    https://apnews.com/article/disney-universal-midjourney-copyright-lawsuit-722b1b892192e7e1628f7ae5da8cc427

  27. <p>you know what this system needs? more complexity</p>

  28. you know what this system needs? more complexity

  29. <p>“Mikeal approached every project with the conviction that open source is not a license but a promise to lift others”</p><p><a href="https://b.h4x.zip/mikeal/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">b.h4x.zip/mikeal/</span><span class="invisible"></span></a></p>

  30. “Mikeal approached every project with the conviction that open source is not a license but a promise to lift others”

    b.h4x.zip/mikeal/

  31. <p>with the power of editing, we can pretend like this didn’t happen</p>

  32. <p>I’m somehow now realizing that I completely botched this reference and no one called me on it.</p>

  33. <p>summarizing the discourse today</p> Bender from Futurama says “Bite my shiny liquid glass”

  34. 📮 I wrote a new blog post:

    How to import() a JavaScript String

    https://www.zachleat.com/web/dynamic-import/

  35. <p>How to import() a JavaScript String</p><p><a href="https://www.zachleat.com/web/dynamic-import/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">zachleat.com/web/dynamic-impor</span><span class="invisible">t/</span></a></p><p>(📮 a new blog post from me)</p>

  36. <p>SVG Favicons and CSS Anchor Positioning are two big wins shipping in Safari 26 Beta: <a href="https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">webkit.org/blog/16993/news-fro</span><span class="invisible">m-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/</span></a></p>

  37. SVG Favicons and CSS Anchor Positioning are two big wins shipping in Safari 26 Beta: https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/

  38. <p>does this need to say “professional vibe coding” or “vibe coding at work” or do we understand it without those qualifiers</p>

  39. <p>vibe coding is a recession indicator</p>

  40. <p>Well — it was React: <a href="https://html5experts.jp/shumpei-shiraishi/24538/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">html5experts.jp/shumpei-shirai</span><span class="invisible">shi/24538/</span></a></p><p>(warning: translation autogenerated by Google)</p><p>(thanks <span class="h-card" translate="no"><a href="https://bne.social/@colingourlay" class="u-url mention">@<span>colingourlay</span></a></span> and <span class="h-card" translate="no"><a href="https://mastodon.gamedev.place/@jaames" class="u-url mention">@<span>jaames</span></a></span>!)</p> ![Nintendo eShop is built with React!

    Shiraishi: In this session, we'll be looking at Nintendo eShop.

    Tsuda: Yes, Nintendo eShop is the Nintendo Switch shop. It also provides a service that allows you to purchase game software from your smartphone even when you don't have a Switch. Both are created on the web.

    Shiraishi: That kind of multi-platform development is what the Web excels at.

    Horikawa: That's right. The parts that can be seen on smartphones and PCs are made responsive, and a large part of the code can be shared. However, when operating on a game console, the controls are operated with buttons, so the code is slightly different.

    The eShop is fairly large-scale for a web app, but the architecture is unified across the board, using React as the foundation of the architecture .

    Shiraishi: Oh, you're using React! As a web engineer, it makes my heart pound to see React running inside the Nintendo Switch. What was the process for creating the eShop?

    Horikawa: The project started at the end of 2015. The Switch was released in March 2017, so the project started a little over a year before that. The keyword we relied on when creating the eShop was](/assets/73e7bbf12f901fda-SjolzzXITeoq.png)

  41. <p><a href="https://www.theverge.com/news/680893/nintendo-switch-2-eshop-faster" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">theverge.com/news/680893/ninte</span><span class="invisible">ndo-switch-2-eshop-faster</span></a> look, I just want to know what the tech stack of the old shop was 😅</p>

  42. <p>aww where did the WorldWideWeb emulator go: <a href="https://worldwideweb.cern.ch/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">worldwideweb.cern.ch/</span><span class="invisible"></span></a></p>

  43. <p>Web sites with a Facebook pixel were communicating with local native apps (Instagram, Facebook, maybe WhatsApp) to log (and attribute) incognito web browsing activity.</p><p>Write-up: <a href="https://localmess.github.io/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">localmess.github.io/</span><span class="invisible"></span></a><br />Story: <a href="https://english.elpais.com/technology/2025-06-03/the-covert-method-meta-uses-to-track-mobile-browsing-without-consent-even-in-incognito-mode-or-with-a-vpn.html" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">english.elpais.com/technology/</span><span class="invisible">2025-06-03/the-covert-method-meta-uses-to-track-mobile-browsing-without-consent-even-in-incognito-mode-or-with-a-vpn.html</span></a></p>

  44. Web sites with a Facebook pixel were communicating with local native apps (Instagram, Facebook, maybe WhatsApp) to log (and attribute) incognito web browsing activity.

    Write-up: localmess.github.io Story: https://english.elpais.com/technology/2025-06-03/the-covert-method-meta-uses-to-track-mobile-browsing-without-consent-even-in-incognito-mode-or-with-a-vpn.html https://localmess.github.io/

  45. <p>is the fly dot io blog going to weigh in on the trump-musk feud</p>

  46. is the fly dot io blog going to weigh in on the trump-musk feud

  47. <p>decoupled this one right out of 11ty’s new demo/playground component: <a href="https://neighborhood.11ty.dev/@11ty/114519676689929120" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">neighborhood.11ty.dev/@11ty/11</span><span class="invisible">4519676689929120</span></a></p>

  48. <p>Dropping a new web component today:</p><p>Unencumbered <line-numbers> will add line numbers alongside a `<pre>` or `<textarea>` (and updates when input value changes)</p><p>README: <a href="https://github.com/zachleat/line-numbers" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/zachleat/line-numbe</span><span class="invisible">rs</span></a><br />Demo: <a href="https://zachleat.github.io/line-numbers/demo.html" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">zachleat.github.io/line-number</span><span class="invisible">s/demo.html</span></a></p>

  49. Dropping a new web component today:

    Unencumbered <line-numbers> will add line numbers alongside a &lt;pre&gt; or &lt;textarea&gt; (and updates when input value changes)

    README: https://github.com/zachleat/line-numbers Demo: https://zachleat.github.io/line-numbers/demo.html

  50. I usually hate Nebraska caricatures but this one is actually pretty accurate 😅

    [contains quote post or other embedded content]

  51. When leadership (in a software company or community) shows you that it is not a welcoming space for productive and critical discussions (critique of LLMs in the flavor of today), it’s time to take some advice from @dasharez0ne.bsky.social.

    Toxic spaces aren’t worth your time.

  52. with all due respect — what the hell

  53. <p>same iconic balloon, what could go wrong</p>

  54. <p>thinking about a new 11ty mascot as I work on some slides this morning</p> the clown from Steven King’s IT (2017 movie) glares menacingly holding a red balloon

  55. <p>my villain origin story will be overhearing well-intentioned folks casually mention that engagement on X has really dried up recently</p>

  56. <p>defund react</p>

  57. Looks like I can add @rich-harris.dev to this 11 year compendium of React criticism: https://www.zachleat.com/web/react-criticism/

    We knew it was slow in 2014 and it’s still slow in 2025.

    With hardware improvements it almost makes you wonder if 2014 React is faster than 2025 React 👀

    [contains quote post or other embedded content]

  58. The best path forward is to empower developers to write HTML and CSS in the editor of their choosing. Any abstraction that hampers that (whether it’s a web site builder or ✨Tailwind✨) has (in my experience) inhibited productivity and increased long-term maintenance costs.

    [contains quote post or other embedded content]

  59. <p>the time for modern frameworks is over. we’re only doing antique frameworks now</p>

  60. <p><span class="h-card" translate="no"><a href="https://front-end.social/@keith" class="u-url mention">@<span>keith</span></a></span> where is your real account keith!! I was following you 4 times 😅</p>

  61. <p>Just how portable is your web site? Could you switch hosting providers in an hour? In a day? Would it take you a week?</p><p>You should think about it.</p>

  62. Just how portable is your web site? Could you switch hosting providers in an hour? In a day? Would it take you a week?

    You should think about it.

  63. <p>Thank you to Brent Larson (Bluesky) for the answer:</p><p><a href="https://www.theverge.com/2024/9/20/24249919/arc-browser-boost-firebase-vulnerability-patched" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">theverge.com/2024/9/20/2424991</span><span class="invisible">9/arc-browser-boost-firebase-vulnerability-patched</span></a></p>

  64. <p>I realize this is a super niche question but does anyone know *why* the Arc browser deprecated the Boost sharing feature?</p><p><a href="https://resources.arc.net/hc/en-us/articles/19212718608151-Boosts-Customize-Any-Website#01JPTB1XVQVT7737474FA7QSP6" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">resources.arc.net/hc/en-us/art</span><span class="invisible">icles/19212718608151-Boosts-Customize-Any-Website#01JPTB1XVQVT7737474FA7QSP6</span></a></p>

  65. I realize this is a super niche question but does anyone know why the Arc browser deprecated the Boosts sharing feature?

    https://resources.arc.net/hc/en-us/articles/19212718608151-Boosts-Customize-Any-Website#01JPTB1XVQVT7737474FA7QSP6

  66. Technology report, April 2025:

    WordPress: 3.076M Next.js + Nuxt.js + Gatsby + Astro + SvelteKit + Remix: 0.321M

    Source: lookerstudio.google.com/s/kGqhRpQG2qE

  67. <p>Source: <a href="https://lookerstudio.google.com/s/kGqhRpQG2qE" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">lookerstudio.google.com/s/kGqh</span><span class="invisible">RpQG2qE</span></a></p>

  68. <p>WordPress: 3.076M<br />Top 6 JavaScript Frameworks combined: 0.321M</p><p>WordPress in 2025 is ~10× the combined origins of Next.js, Nuxt.js, Gatsby, Astro, SvelteKit, and Remix.</p>

  69. <p>I’m curious: is this chart surprising to y’all?</p> Number of origins from the Core Web Vitals Technology Report: WordPress 3M, Next.js 200K, Nuxt.js 80K, Gatsby 13K, Astro 12K, SvelteKit 5K, Remix 5K

  70. <p>Web performance experts, would love to see a performance breakdown of this web site: <a href="https://indieweb.social/@yvg/114550400917431252" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">indieweb.social/@yvg/114550400</span><span class="invisible">917431252</span></a></p>

  71. <p>web components are dead? no. they have ascended to immortality — this mortal coil but a pale whisper to the wild invigorate breath, warming those who continue long beyond our meager lifespan</p>

  72. <p>I’m sorry — unfortunately we decided to go with someone that has been claiming web components are dead for 13 years and it says here on your CV that you only have 9 years of experience with that</p>

  73. I’m sorry — unfortunately we decided to go with someone that has been claiming web components are dead for 13 years and it says here on your CV that you only have 9 years of experience with that

  74. <p>the final form of dismiss is “suggest less”</p>

  75. the final form of dismiss is “suggest less”

  76. <p>what tech companies *haven’t* done layoffs in the last 3 years? it’s time for a goodwill thread</p>

  77. what tech companies haven’t done layoffs in the last 3 years? it’s time for a goodwill thread

  78. <p>no one is getting more hinged</p>

  79. no one is getting more hinged

  80. <p>eleventy on the client in the year of react server components in the year of the Linux desktop</p>

  81. <p>This old feature test for obtrusive scrollbars proved useful just now: <a href="https://www.filamentgroup.com/lab/scrollbars/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">filamentgroup.com/lab/scrollba</span><span class="invisible">rs/</span></a></p>

  82. <p>✅ Server render<br />⚠️ Client render<br />⛔️ Proprietary single-vendor edge runtimes that may or may not be around in a few years</p>

  83. <p>11ty.dev now runs Eleventy clientside on the home page <a href="https://neighborhood.11ty.dev/@11ty/114519676689929120" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">neighborhood.11ty.dev/@11ty/11</span><span class="invisible">4519676689929120</span></a></p>

  84. <p><span class="h-card" translate="no"><a href="https://sunny.garden/@knowler" class="u-url mention">@<span>knowler</span></a></span> found the issue on the tracker: <a href="https://bugs.webkit.org/show_bug.cgi?id=277893" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">bugs.webkit.org/show_bug.cgi?i</span><span class="invisible">d=277893</span></a></p><p>(via <a href="https://sunny.garden/@knowler/114518759452431204" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">sunny.garden/@knowler/11451875</span><span class="invisible">9452431204</span></a>)</p>

  85. <p>wait — does safari devtools really not allow you to modify constructed stylesheet shadow dom styles? 😱</p>

  86. <p>perf improves when javascript fails 👀</p>

  87. I went to figure out why the gatsbyjs.com lighthouse performance score had jumped up ~10 points in the last 24 hours and found that Google Tag Manager was 404-ing 😅

  88. <p>I went to figure out why gatsbyjs.com’s lighthouse performance score had jumped up ~10 points in the last 24 hours and found that Google Tag Manager was 404-ing 😅</p> Screenshot of gatsbyjs.com with devtools open, showing a 404 on /gtm.js

  89. <p>don’t tell anyone that it’s a web component</p>

  90. Still a work in progress but here’s a little sneak peek at the Eleventy demo runner: 11ty-website-git-editor-11ty.vercel.app#try-eleventy... https://11ty-website-git-editor-11ty.vercel.app/#try-eleventy-in-the-browser

  91. <p>Still a work in progress but here’s a little sneak peek at the Eleventy demo runner: <a href="https://11ty-website-git-editor-11ty.vercel.app/#try-eleventy-in-the-browser" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">11ty-website-git-editor-11ty.v</span><span class="invisible">ercel.app/#try-eleventy-in-the-browser</span></a></p>

  92. <p>the most unstable thing about this release is me, apparently</p>

  93. <p>on eleventy core minor release days I get to stress-watch the issue tracker like a hawk — major releases are so much easier 😅</p>

  94. <p>current status</p> A screenshot of esbuild bundle analyzer, a large treemap showing different source files from an in-browser version bundle of Eleventy.

  95. Thank you to @yoav.ws for documenting Multiple Import Maps support on MDN!

    https://github.com/mdn/mdn/issues/622

    See developer.mozilla.org/en-US/do

  96. <p>Thank you to <span class="h-card" translate="no"><a href="https://mastodon.social/@Yoav" class="u-url mention">@<span>Yoav</span></a></span> for documenting Multiple Import Maps support on MDN!</p><p><a href="https://github.com/mdn/mdn/issues/622" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">github.com/mdn/mdn/issues/622</span><span class="invisible"></span></a></p><p>See <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap#browser_compatibility" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/HTML/Reference/Elements/script/type/importmap#browser_compatibility</span></a></p>

  97. <p>Another update: the socket.dev folks fixed this on their end almost immediately but this has now also been fixed upstream in `grype` too: <a href="https://github.com/anchore/grype/issues/1701" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/anchore/grype/issue</span><span class="invisible">s/1701</span></a></p><p><span class="h-card" translate="no"><a href="https://social.chriswb.dev/@chrisw_b" class="u-url mention">@<span>chrisw_b</span></a></span></p>

  98. <p>have you ever *really* stopped to think about how wild it is that [].join("\n") returns "" — what is it joining??</p>

  99. “A is broken!” says major retailer of A.

    apropos of nothing we are also happy to announce that we’ve renamed A to B which is very fortunately (and coincidentally) NOT broken!

    there has never been a better time for you — the consumer — to be alive. all of the problems with A no longer exist

  100. <p>“A is broken!” says major retailer of A.</p><p>apropos of nothing we are also happy to announce that we’ve renamed A to B which is very fortunately (and coincidentally) *NOT* broken!</p><p>there has never been a better time for you — the consumer — to be alive. A is B now and all of the problems with A no longer exist</p>

  101. Come for the keyboard support — stay for the SHIFT + ARROW KEY SPEED MODE 🏆

    [contains quote post or other embedded content]

  102. <p>I messed up yesterday but it’s important to talk about it (and I’m thankful nothing bad came of it) <a href="https://neighborhood.11ty.dev/@11ty/114478738339553317" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">neighborhood.11ty.dev/@11ty/11</span><span class="invisible">4478738339553317</span></a></p>

  103. <p>look I don’t know much about this but I am wondering how much of mormon theology is validated by an american pope</p>

  104. <p>has anyone done “stick that in your pope and smoke it” yet</p>

  105. has anyone done “stick that in your pope and smoke it” yet

  106. <p>you’re trying to tell me that no one uses the phrase “meatballs to the wall”</p>

  107. you’re trying to tell me that no one uses the phrase “meatballs to the wall”

  108. <p>That <a href="https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/API/SubtleCrypto/digest</span></a> has no synchronous API is causing me pain 😭</p><p>Though the root problem is that async constructors in JavaScript aren’t allowed — life would be so much easier with that feature 😭😭</p>

  109. <p>my favorite part of that project is that it applies the primary color via <meta name="theme-color" content> so in Safari the whole browser chrome matches up 🥰</p>

  110. <p>just used <a href="https://rainglow.zachleat.dev/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">rainglow.zachleat.dev/</span><span class="invisible"></span></a> this morning — there’s something warm about old demo projects dealing with colors</p>

  111. just used rainglow.zachleat.dev this morning — there’s something warm about old demo projects dealing with colors https://rainglow.zachleat.dev/

  112. @danielroe.dev I’m curious if you would be interested in making the lab data on page-speed.dev more visually prominent?

    just as an example I would argue that the 56 perf on nextjs.org should have more visual weight here

  113. <p>How did I completely miss the Nunjucks `load` event: <a href="https://mozilla.github.io/nunjucks/api.html#load-event" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">mozilla.github.io/nunjucks/api</span><span class="invisible">.html#load-event</span></a></p><p>Whew. Eleventy’s dependency graph is about to get a lot better in Nunjucks</p><p>😬 but also 🎉 but also 😅</p>

  114. <p>some of you are already saying “but the calculator isn’t even accurate” and look — it just has to be right more than me, a broken clock</p>

  115. <p>why should I learn math when I can pay a subscription fee for this calculator for the rest of my life</p>

  116. <p>“if a calculator can do math for me, why should I learn math?” is something you’ll hear children, under-educated adults, and AI proponents say</p>

  117. As Node.js v24.0.0 ships today https://nodejs.org/en/blog/release/v24.0.0 I’m reminded that I’ve been a happy user of Node.js for over 15 years now — truly an amazingly reliable piece of software.

    A huge thank you and congrats to the entire team ❤️

  118. <p>I’ve been a happy user of Node.js for over 15 years now — truly an amazingly reliable piece of software.</p><p>A huge thank you and congrats to the entire team ❤️</p>

  119. <p>Node.js v24.0.0 is out today! <a href="https://nodejs.org/en/blog/release/v24.0.0" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">nodejs.org/en/blog/release/v24</span><span class="invisible">.0.0</span></a></p>

  120. <p>Aw dang — looks like `import.meta.resolve` isn’t supported in Vitest (or Vite either?) <a href="https://github.com/vitest-dev/vitest/issues/6953" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/vitest-dev/vitest/i</span><span class="invisible">ssues/6953</span></a></p>

  121. TIL Chrome and Safari support dynamic creation of Import Maps in script 👀

    Firefox does too but with a few hefty limitations:

    1. “Import maps are not allowed after a module load or preload has started” (separate non-module &lt;script&gt;)
    2. “Multiple import maps are not allowed.” 😭

  122. <p>TIL Chrome and Safari support dynamic creation of Import Maps in script 👀</p><p>Firefox does too but with a few *hefty* limitations:</p><p>1. “Import maps are not allowed after a module load or preload has started” (separate non-module `<script>`)<br />2. “Multiple import maps are not allowed.” 😭</p> let importMap = { imports: {

  123. <p>ah — I see React discourse has elevated to deflecting criticism as conspiracy theories — good job everyone!</p>

  124. <p>(for the record, the use cases here are limited — and should be limited — please JavaScript responsibly)</p>

  125. <p>Alright, so the previous demo was a generic Eleventy project in the browser — by itself a big milestone.</p><p>Here’s another big milestone: loading code directly from the `eleventy-base-blog` GitHub repo and using Eleventy to `innerHTML` the generated result directly to the browser. The Eleventy build takes about ~200ms in-browser and uses the RSS, Syntax Highlighter, Image, and Navigation plugins.</p><p>Still a few rough edges but we’re making progress.</p> A demo of the project rendering on the client and -ing the home page content to the browser.

  126. Working on getting the js front matter type in Eleventy working in non-Node runtimes: https://github.com/zachleat/import-module-string

  127. <p>Working on getting the `js` front matter type in Eleventy working in non-Node runtimes: <a href="https://github.com/zachleat/import-module-string" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/zachleat/import-mod</span><span class="invisible">ule-string</span></a></p>

  128. <p>Really enjoying working with <a href="https://vitest.dev/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">vitest.dev/</span><span class="invisible"></span></a> on a project that needs to be tested in Node, Safari, Firefox, and Chrome!</p><p>My favorite bits:</p><p>1. Easy to setup headless browsers with Browser Mode<br />2. CLI runs in watch mode by default (and not on CI)<br />3. Has all the `assert` APIs I was used to<br />4. test.skipIf 🏆<br />5. `only` works without modifying the CLI command (I know why Node test runner does this but it’s proven more annoying than helpful)</p>

  129. Really enjoying working with vitest.dev on a project that needs to be tested in Node, Safari, Firefox, and Chrome!

    My favorite bits:

    1. Easy to setup headless browsers with Browser Mode
    2. CLI runs in watch mode by default (and not on CI)
    3. Has all the assert APIs I was used to
    4. test.skipIf 🏆 https://vitest.dev/

  130. <p>it’s incredible that JavaScript can run almost everywhere but I also regret to inform you that JavaScript can run almost everywhere</p>

  131. is anyone using Vitest with Deno? I don’t see it mentioned on the docs

  132. <p>I need to mention that the tattoos are irrelevant to the point: this discussion should be happening in court — *everyone* has a right to due process.</p>

  133. <p>The unfortunate truth is that bad actors in this inner circle of corruption only have to dupe one person — the president — to get what they want (and it isn’t a difficult task).</p><p>The video is *wild* — he truly believes the photoshopped letters/annotations/labels on the tattoos are real.</p><p><a href="https://toad.social/@wdlindsy/114427294596273121" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">toad.social/@wdlindsy/11442729</span><span class="invisible">4596273121</span></a></p>

  134. 🔖 I finally finished my fancy new website. — @johnhenrymuller.com

    johnhenrymuller.com/fancynew https://johnhenrymuller.com/fancynew

  135. <p>🔖 I finally finished my fancy new website. — <span class="h-card" translate="no"><a href="https://mastodon.social/@johnhenrymuller" class="u-url mention">@<span>johnhenrymuller</span></a></span></p><p><a href="https://johnhenrymuller.com/fancynew" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">johnhenrymuller.com/fancynew</span><span class="invisible"></span></a></p>

  136. <p>try our new natural bottled mineral water collab: katy perrier</p><p>it’s out of this world</p>

  137. <p>I belong in email jail and I’m sorry</p>

  138. <p>Just between us, I did it.</p> A screenshot showing two windows: on the left an editor with HTML code importing from a file. On the right is a Chrome browser showing devtools and the console output showing an Eleventy .toJSON output object. Eleventy is running in a browser without Node.

  139. This is not an easy thing to market but I do think (and sorry for the promotion of making this comparison) @11ty.dev and the Slate Truck share a lot of the same design values: https://www.theverge.com/electric-cars/655527/slate-electric-truck-price-paint-radio-bezos

  140. charcuterie is adult lunchables

  141. <p>charcuterie is adult lunchables</p>

  142. <p><span class="h-card" translate="no"><a href="https://mastodon.social/@mastohost" class="u-url mention">@<span>mastohost</span></a></span> can y’all add yearly billing? would make expenses so much easier!</p>

  143. WORKING ON A WILD @11ty.dev IDEA TODAY

    IT IS WILD

    started with 110 errors in the refactor, down to 66 now…

  144. <p>WORKING ON A WILD <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention">@<span>eleventy</span></a></span> IDEA TODAY</p><p>IT IS WILD</p><p>started with 110 errors in the refactor, down to 66 now…</p>

  145. <p>so… Vercel still doesn’t support access to the static content response body in their Edge Middleware API — is that correct?</p><p><a href="https://vercel.com/docs/edge-middleware/middleware-api#continuing-the-middleware-chain" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">vercel.com/docs/edge-middlewar</span><span class="invisible">e/middleware-api#continuing-the-middleware-chain</span></a></p><p>I want to do something like this: <a href="https://github.com/netlify/examples/blob/4af50a16baece74257bcd6af175966241bb397fb/examples/edge-functions/netlify/edge-functions/include.ts#L15-L16" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/netlify/examples/bl</span><span class="invisible">ob/4af50a16baece74257bcd6af175966241bb397fb/examples/edge-functions/netlify/edge-functions/include.ts#L15-L16</span></a></p>

  146. […many years later]

  147. this is the only verification I will recognize on this platform

  148. <p>Guesses welcome: what do you think it costs to run a ~10 person fully-remote tech company per month with barebones expenses outside of payroll?</p><p>(sorry, forgot to specify USD)</p><p><radio disabled="disabled">$80K USD</radio><br><radio disabled="disabled">$100K USD</radio><br><radio disabled="disabled">$150K USD</radio><br><radio disabled="disabled">$200K USD or more</radio></p>

  149. <p>There is some *wild* parasitic open-source on display here: <a href="https://philiplaine.com/posts/getting-forked-by-microsoft/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">philiplaine.com/posts/getting-</span><span class="invisible">forked-by-microsoft/</span></a></p><p>(via <span class="h-card" translate="no"><a href="https://hachyderm.io/@LGUG2Z" class="u-url mention">@<span>LGUG2Z</span></a></span>)</p>

  150. <p>Let’s go back to a website ♩♪♫♬</p><p><a href="https://homestarrunner.com/toons/backtoawebsite" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">homestarrunner.com/toons/backt</span><span class="invisible">oawebsite</span></a></p>

  151. let’s go back to a website ♩♪♫♬

    [contains quote post or other embedded content]

  152. <p>I think most people would probably take a free trip to space, to be fair</p>

  153. <p>celebrities redeeming a fastpass golden ticket on a billionaire’s space tourism amusement ride and not realizing it would be an indictment of wealth inequality is *wild*</p>

  154. <p>if I triage enough of this issue tracker I will finally find peace</p>

  155. <p>if an LLM generated the code, it should get full credit for the code</p>

  156. <p>we should be able to git blame an LLM</p>

  157. <p>integrity is only a weakness if you don’t have enough</p>

  158. <p>“This is what a digital coup looks like” shows that Carole Cadwalladr yet again understands the moment we’re in and is willing to say it out loud directly to the techbro oligarchy: “You are collaborators. You are complicit.”</p><p><a href="https://www.ted.com/talks/carole_cadwalladr_this_is_what_a_digital_coup_looks_like" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">ted.com/talks/carole_cadwallad</span><span class="invisible">r_this_is_what_a_digital_coup_looks_like</span></a></p>

  159. “This is what a digital coup looks like” shows that @carolecadwalla.bsky.social yet again understands the moment we’re in and is willing to say it out loud directly to the techbro oligarchy: “You are collaborators. You are complicit.”

    https://www.ted.com/talks/carole_cadwalladr_this_is_what_a_digital_coup_looks_like

  160. <p>so, are the Chrome layoffs related to the possible sale of Chrome away from Google?</p>

  161. <p>working outside this afternoon and I just watched a bug crawl into my computer so if you see any issues with my code — that’s why</p>

  162. working outside this afternoon and I just watched a bug crawl into my computer so if you see any issues with my code — that’s why

  163. <p>when `node --inspect-wait` comes out you know things are getting serious</p>

  164. when node --inspect-wait comes out you know things are getting serious

  165. <p>I’m very thankful for this place.</p>

  166. <p>I would have *never* correctly predicted the results of this poll.</p>

  167. <p>javascript doesn’t belong in my pngs</p>

  168. <p>Ugh — looks like Vercel put a “System Mitigations” client-side security intercept/redirect check on the <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention">@<span>eleventy</span></a></span> Indieweb Avatar Image service, which caused images served by the service to break (since it is serving image content, not HTML). 😢</p>

  169. Ugh — looks like @vercel.com put a “System Mitigations” client-side security intercept/redirect check on the @11ty.dev Indieweb Avatar Image service, which caused images served by the service to break (since it is serving image content, not HTML). 😢

  170. <p>the purpose of a system (person) is what it does (they do)</p>

  171. <p>Thinking about Matt’s claim that Automattic’s recent tantrums were *not* motivated by financial difficulties as they laid off 16% of their workforce yesterday.</p><p><a href="https://techcrunch.com/2025/04/02/wordpress-maker-automattic-lays-off-16-of-staff/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">techcrunch.com/2025/04/02/word</span><span class="invisible">press-maker-automattic-lays-off-16-of-staff/</span></a></p><p><a href="https://x.com/sereedmedia/status/1839394786622722432" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">x.com/sereedmedia/status/18393</span><span class="invisible">94786622722432</span></a></p><p>I’m sure it’s still unrelated.</p>

  172. Something exciting is happening live now on fontawesome.com! https://fontawesome.com/

  173. <p>Something exciting is happening live now on <a href="https://fontawesome.com/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">fontawesome.com/</span><span class="invisible"></span></a>!</p>

  174. <p>we did it, everyone.</p><p>“can we have a feature where a toot self destructs when it hits 50 boosts” will self destruct in 10… 9…</p>

  175. 19 hour deep dive on building web sites starting with a single lone index.html

    [contains quote post or other embedded content]

  176. <p><span class="h-card" translate="no"><a href="https://front-end.social/@Fyrd" class="u-url mention">@<span>Fyrd</span></a></span> a ha — sorry to bug you! this suggests they are bundled together: <a href="https://github.com/web-platform-tests/interop/issues/768" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/web-platform-tests/</span><span class="invisible">interop/issues/768</span></a></p>

  177. <p><span class="h-card" translate="no"><a href="https://front-end.social/@Fyrd" class="u-url mention">@<span>Fyrd</span></a></span> If I were looking for the browser support for implied `hidden="until-found"` behavior for `<details>` — is that somewhere? Or is it just a part of until-found stock?</p>

  178. <p>I didn’t use en-dash here and I’m ashamed of it</p>

  179. <p>How old is the oldest (non-personal) software project that you’re still actively maintaining?</p><p><radio disabled="disabled"><= 1 year</radio><br><radio disabled="disabled">2-5 years</radio><br><radio disabled="disabled">6-10 years</radio><br><radio disabled="disabled">> 10 years</radio></p>

  180. dear tim apple: a “time to stand!” notification from your watch when a very anonymous individual (not me) was sitting on the toilet would have been wild (if it had happened to me, which it didn’t)

  181. <p>at 42 boosts I’m lucky I didn’t have to make any hard decisions</p>

  182. <p>tech companies haven’t earned an april fools’ day this year, sorry everyone</p>

  183. tech companies haven’t earned an april fools’ day this year, sorry everyone

  184. <p>dear tim apple: a “time to stand!” notification from your watch when a very anonymous individual (not me) was sitting on the toilet is wild</p>

  185. <p>Today on Trans Day of Visiblity I’m thankful to folks living their lives in an unapologetically authentic way — truly showing us what freedom can look like when we discard the baggage society has imposed on all of us. Love y’all.</p>

  186. <p>I’m proud of this project 🥰 I worked hard on it and it turned out great!</p><p>I’m thankful we didn’t add a bunch of third party JavaScript or overbearing analytics or advertisements — feels good to work with good folks.</p>

  187. <p>Check the speedometer on the brand new Blog Awesome (now with <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention">@<span>eleventy</span></a></span>)</p><p><a href="https://blog.fontawesome.com/blog-awesome-to-11ty/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">blog.fontawesome.com/blog-awes</span><span class="invisible">ome-to-11ty/</span></a></p>

  188. Check the speedometer on the brand new Blog Awesome (now with @11ty.dev)

    https://blog.fontawesome.com/blog-awesome-to-11ty/

  189. <p>am I legally allowed to build this set or do I have to take it to an authorized dealer and pay them to do it? <a href="https://fediverse.zachleat.com/tags/RightToRepair" class="mention hashtag" rel="tag">#<span>RightToRepair</span></a> <a href="https://www.lego.com/en-us/product/john-deere-9620r-4wd-tractor-42136" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">lego.com/en-us/product/john-de</span><span class="invisible">ere-9620r-4wd-tractor-42136</span></a></p>

  190. am I legally allowed to build this set or do I have to take it to an authorized dealer and pay them to do it? #RightToRepair https://www.lego.com/en-us/product/john-deere-9620r-4wd-tractor-42136

  191. <p>which web sites did the FBI warn us about? wrong answers only</p> Forbes.com screenshot with a large headline:

  192. tfw the war boys ask you to witness them (on signal)

  193. <p>tfw the war boys ask you to witness them (on signal)</p>

  194. <p>boosting this is an attack!!</p>

  195. <p>can we have a feature where a toot self destructs when it hits 50 boosts</p>

  196. > Avoid an excessive DOM size

    No

  197. <p>> Avoid an excessive DOM size</p><p>No</p>

  198. <p>you’re telling me this antivirus software I bought doesn’t stop posts from going viral</p>

  199. <p>bribecoding is a new phenomenon where you pay open source developers a living wage to work on projects that your business uses</p>

  200. bribecoding is a new phenomenon where you pay open source developers a living wage to work on projects that your business uses

  201. <p>the gasps I gasped when this video segued to sponsored content at the end 😅</p><p><a href="https://www.youtube.com/watch?v=AaCnBOqyvIM" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=AaCnBOqyvI</span><span class="invisible">M</span></a></p>

  202. the gasps I gasped when this video segued to sponsored content at the end 😅

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

  203. <p>The <span class="h-card" translate="no"><a href="https://fosstodon.org/@SocketSecurity" class="u-url mention">@<span>SocketSecurity</span></a></span> folks have quickly fixed this one:</p><p><a href="https://bsky.app/profile/socket.dev/post/3ll5dewnrx22b" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">bsky.app/profile/socket.dev/po</span><span class="invisible">st/3ll5dewnrx22b</span></a></p>

  204. We understand that this is an extension of “do your own research” mentality, right? Access to information has convinced us that everyone is now a generalist and by extension that all generalists can be specialists (without scrutiny or peer review)

    [contains quote post or other embedded content]

  205. <p>it’s hard not to be jaded when facial recognition is being used in criminal investigations while our industry is having trouble accurately testing whether two strings are equal</p>

  206. Pam from the office (is a vulnerability scanner) and is looking at two pictures: one of and one of : She says they are the same picture

  207. <p>Update: thanks to <span class="h-card" translate="no"><a href="https://social.chriswb.dev/@chrisw_b" class="u-url mention">@<span>chrisw_b</span></a></span> for hunting this down: looks like a huge flaw in the vulnerability scanner being used by these tools (it ignores namespaces on package names!)</p><p>More info:</p><p><a href="https://github.com/jridgewell/gen-mapping/issues/12" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/jridgewell/gen-mapp</span><span class="invisible">ing/issues/12</span></a><br /><a href="https://github.com/anchore/grype/issues/1701" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/anchore/grype/issue</span><span class="invisible">s/1701</span></a></p>

  208. <p>Why does socket.dev report that the latest version of next.js has a malware dependency? <a href="https://socket.dev/npm/package/next/alerts/15.2.3?tab=dependencies" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">socket.dev/npm/package/next/al</span><span class="invisible">erts/15.2.3?tab=dependencies</span></a></p><p>“Malicious code in gen-mapping (npm) Any computer that has this package installed or running should be considered fully compromised.”</p><p>Update: looks like this is a pretty big flaw in the vulnerability scanner — not in next (check the replies for more info)</p> ![Screenshot of socket.dev report has the following alert:

    Known malware: This package is malware. We have asked the package registry to remove it. Found 1 instance in 1 package](/assets/f1a71ff323856269-ZRYzMQnBcaax.png)

  209. Why does socket.dev report that the latest version of next.js has a malware dependency? https://socket.dev/npm/package/next/alerts/15.2.3?tab=dependencies

    “Malicious code in gen-mapping (npm) Any computer that has this package installed or running should be considered fully compromised.”

  210. USA folks: where are we at on taxes this year? do we write the checks directly to elon or does it still go through the IRS first

  211. <p>look, you can say you hate me to my face or you can send me a URL with a utm_source param on it — same thing</p>

  212. look, you can say you hate me to my face or you can send me a URL with a utm_source param on it — same thing

  213. <p>The video for the above talk has been posted (already!) <a href="https://www.youtube.com/watch?v=O89QIruTink" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=O89QIruTin</span><span class="invisible">k</span></a></p><p>(and on my web site: <a href="https://www.zachleat.com/web/blog-awesome/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="">zachleat.com/web/blog-awesome/</span><span class="invisible"></span></a>)</p>

  214. <p>my working theory is that indie developers make faster software because they feel the pain of buying their own hardware and are more prone to making it work on older hardware (just like folks using the software)</p>

  215. my working theory is that indie developers make faster software because they feel the pain of buying their own hardware and are more prone to making it work on older hardware (just like folks using the software)

  216. <p><span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention">@<span>eleventy</span></a></span> starting now!</p>

  217. what happens when an LLM is trained on GPL licensed code

  218. <p>ha ha ha licenses aren’t good vibes — we’re coding only with vibes now</p>

  219. <p>what happens when an LLM is trained on GPL licensed code</p>

  220. <p>I’m speaking at the <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention">@<span>eleventy</span></a></span> Meetup today:</p><p>Moving Blog Awesome from WordPress to Eleventy</p><p><a href="https://11tymeetup.dev/events/ep-22-umami-analytics-and-blog-awesome/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">11tymeetup.dev/events/ep-22-um</span><span class="invisible">ami-analytics-and-blog-awesome/</span></a></p>

  221. I’m speaking at the @11ty.dev Meetup today:

    Moving Blog Awesome from WordPress to Eleventy

    https://11tymeetup.dev/events/ep-22-umami-analytics-and-blog-awesome/

  222. <p>this winter storm is making the power go out every ten minutes — my external monitor is on battery backup and my internet connection automatically swaps to my phone hotspot — unfortunately even in the middle of nowhere I can seamlessly continue working weeeeeee</p>

  223. <p>Markdown is much better when you use the HTML escape hatch early. When you nest an image in a link `[![alt](src.png)](url)` the syntax quickly approaches the readability of regex (pejorative)</p>

  224. Markdown is much better when you use the HTML escape hatch early. When you nest an image in a link [![alt](src.png)](url) the syntax quickly approaches the readability of regex (pejorative)

  225. <p>Another great point in discussion with <span class="h-card" translate="no"><a href="https://toot.cafe/@_web_" class="u-url mention">@<span>_web_</span></a></span>:</p><p>These designs are from 1987 🤯 when the state of the art in operating systems looked like this:</p> System 4.2 / Finder 6.0 (black and white screenshot of the Apple operating system interface). The interface was black and white at the time. MS-DOS Executive window, a 3 color screenshot of Windows 2.0 with Paint running.

  226. <p>Love love love that the speed tests on <a href="https://calibreapp.com/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">calibreapp.com/</span><span class="invisible"></span></a> include a scrubbable timestamp-overlaid video that lets you see (frame by frame) how your web site loaded! This is an *excellent* feature.</p>

  227. Love love love that the speed tests on calibreapp.com include a scrubbable timestamp-overlaid video that lets you see (frame by frame) how your web site loaded! This is an excellent feature. https://calibreapp.com

  228. <p><span class="h-card" translate="no"><a href="https://mastodon.social/@wiredprairie" class="u-url mention">@<span>wiredprairie</span></a></span> shared this lovely video with me about some of the folks that worked on LCARS and it has me wanting to apologize for how little substance the above critique had — Sorry! Not to say that LCARS isn’t without flaws but I wish I had been more productive in my armchair review.</p><p>Here’s the video: <a href="https://www.youtube.com/watch?v=D24tYFIVyv0" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=D24tYFIVyv</span><span class="invisible">0</span></a></p>

  229. <p>CEO selling AI claims “90% of code will be written by AI in 3–6 months; 100% in 12 months.“</p><p><a href="https://www.businessinsider.com/anthropic-ceo-ai-90-percent-code-3-to-6-months-2025-3" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">businessinsider.com/anthropic-</span><span class="invisible">ceo-ai-90-percent-code-3-to-6-months-2025-3</span></a></p><p>set your calendar reminders, folks — and remember that hype is a monetizable asset (in silicon valley)</p>

  230. <p>let me just say up front that I love Star Trek—but we have to agree that LCARS is not good UI. societal utopia, sure—where are the user interface folks</p>

  231. <p>the timeline is always connected if you’re paying attention <a href="https://mamot.fr/@nhoizey/114171893736072813" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">mamot.fr/@nhoizey/114171893736</span><span class="invisible">072813</span></a> cc <span class="h-card" translate="no"><a href="https://mamot.fr/@nhoizey" class="u-url mention">@<span>nhoizey</span></a></span></p>

  232. <p>for my non-USA friends: do you understand the concept of “buffet pants”</p><p><radio disabled="disabled">Yes</radio><br><radio disabled="disabled">No</radio></p>

  233. <p>everything’s computer (pejorative)</p>

  234. <p>@import() maps for CSS</p>

  235. <p>SAASquatch</p><p>…is that something? fine, no you’re right</p>

  236. folks new to bluesky: please pick a profile picture.

    your implied am-i-a-bot-score goes up about 200 points when you have the default picture. it’s not a tattoo, just pick anything!

  237. <p>are we ready to reconcile how many tech spaces have at least one anger-as-a-personality-substitute man that everyone just tolerates (if not idolizes)</p>

  238. <p>classic wordpress.</p> browser screenshot: Error establishing a database connection

  239. <p>PageSpeed Insights offers some WordPress specific advice on this web site with a 9.5s TTFB:</p><p>> Choose a lightweight theme (ideally a block theme) and implement full-page caching or a static site solution. Disable unnecessary plugins to minimize server overhead. Consider upgrading your hosting to managed or dedicated service.</p> ![Choose a lightweight theme (ideally a block theme) and implement full-page caching or a static site solution. Disable unnecessary plugins to minimize server overhead. Consider upgrading your hosting to managed or dedicated service.

    stealmytesla.com 1st party 9,510 ms](/assets/450bf4a44c6b1ca1-QSAJTO26qnsK.png)

  240. <p>how dare you clean up the spelling and/or grammar on that toot immediately after I boosted it — I loved it as it was</p>

  241. Let’s talk about why Baseline browser compatibility doesn’t tell a complete story about whether or not a feature can be used “safely” by developers.

  242. <p>Let’s talk about why Baseline browser compatibility doesn’t tell a complete story about whether or not a feature can be used “safely” by developers.</p><p>Consider `accent-color` (Not Baseline) versus CSS Nesting (Baseline 2023).</p><p>Browser compatibility is only a small piece: it’s far more important to consider the role the feature plays and how progressive-enhancement friendly that feature is.</p><p>CSS Nesting requires cross-browser ubiquity before use: `accent-color` is much safer, comparatively!</p>

  243. If you’re in the US federal government and facing blocked news web sites on gov’t hardware — apropos of nothing I might remind folks about Google’s official proxy browser (aka Google Translate).

    translate.google.com?op=websites

    Works great when you translate a language into the same language.

  244. the neat thing about someone flooding bluesky with bots is that both supporters and opponents of bluesky both have an incentive to allow it weeeeeeeeeee

  245. just finished watching Wicked and apparently Steve Wozniak wasn’t in it? huge casting fail imo

  246. painstakingly using all of my brain cells to navigate a huge code refactor and the tests all pass—immediately suspicious

  247. <p>dismissing valid feedback as “change aversion” is a big ol’ red flag 🚩🚩🚩</p>

  248. <p>this poll toot will probably self destruct at some point</p><p>*runs away*</p>

  249. <p>the rise of developer celebrity has made software:</p><p><checkbox disabled="disabled">better</checkbox><br><checkbox disabled="disabled">worse</checkbox></p>

  250. <p>What I really want are issues to not be Open nor Closed but a third quantum physics style super-positioned state: Limbo</p>

  251. <p>At first I was excited that this might be a nice replacement for the closed issue needs-votes “Enhancement queue” we use in Eleventy (<a href="https://github.com/11ty/eleventy/issues?q=label%3Aneeds-votes+sort%3Areactions-%2B1-desc+label%3Aenhancement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/11ty/eleventy/issue</span><span class="invisible">s?q=label%3Aneeds-votes+sort%3Areactions-%2B1-desc+label%3Aenhancement</span></a>) but alas, it doesn’t seem like it</p>

  252. <p>Seeing Issue Types appear on the GitHub UI <a href="https://github.blog/changelog/2025-01-13-evolving-github-issues-public-preview/#organize-your-work-with-issue-types" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.blog/changelog/2025-01-</span><span class="invisible">13-evolving-github-issues-public-preview/#organize-your-work-with-issue-types</span></a></p><p>and I’m left wondering: how is this better than labels? What unique benefit does it offer?</p>

  253. <p>HTML is good, actually: <a href="https://www.zachleat.com/twitter/1169998370041208832/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">zachleat.com/twitter/116999837</span><span class="invisible">0041208832/</span></a></p>

  254. <p>Look, if we’re going to lean into sites versus apps 🥱 and MPA 🥹 and SPA 😬 have already encrusted their way into the discourse — what about MPS and SPS 😅 (this is a joke don’t use these)</p><p>anyway an SPS can go a long way before it needs to be an MPS (and you need a build step to help with duplicated boilerplate)</p>

  255. <p>Manual ‘till it hurts from <span class="h-card" translate="no"><a href="https://mastodon.social/@adactio" class="u-url mention">@<span>adactio</span></a></span> <a href="https://adactio.com/journal/21397" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">adactio.com/journal/21397</span><span class="invisible"></span></a></p>

  256. Manual ‘till it hurts from @adactio.com adactio.com/journal/21397

  257. <p>After some <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention">@<span>eleventy</span></a></span> housekeeping yesterday I’ve crossed paths with folks on the <span class="h-card" translate="no"><a href="https://m.webtoo.ls/@e18e" class="u-url mention">@<span>e18e</span></a></span> team and just wanted to say they are doing very good work!</p><p><a href="https://e18e.dev/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">e18e.dev/</span><span class="invisible"></span></a></p><p>If you’ve ever been frustrated by outdated deps or had trouble upgrading deps, these folks are preemptively solving those kinds of problems before they even get to you 🏆</p>

  258. After some @11ty.dev housekeeping yesterday I’ve crossed paths with folks on the @e18e.dev team and just wanted to say they are doing very good work!

    e18e.dev

    If you’ve ever been frustrated by outdated deps or had trouble upgrading deps, these folks are solving problems before they get to you 🏆 https://e18e.dev/

  259. <p>This is the one: <a href="https://fosstodon.org/@eleventy/114110182403525096" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">fosstodon.org/@eleventy/114110</span><span class="invisible">182403525096</span></a></p><p>With a special nod to GitHub user Jeffalo! (not on Mastodon)</p>

  260. <p>which javascript framework do cybertruck owners use</p>

  261. Some huge @11ty.dev core package size wins today from a few small changes after analyzing the package using @antfu.me’s Node Modules Inspector

    node-modules.dev

    Retiring unnecessary Node.js version back-compat is a good thing! https://node-modules.dev/

  262. <p>Some huge <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention">@<span>eleventy</span></a></span> core package size wins today from a few small changes after analyzing the package using <span class="h-card" translate="no"><a href="https://m.webtoo.ls/@antfu" class="u-url mention">@<span>antfu</span></a></span>’s Node Modules Inspector</p><p><a href="https://node-modules.dev/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="">node-modules.dev/</span><span class="invisible"></span></a></p><p>Retiring unnecessary Node.js version back-compat is a good thing!</p>

  263. <p>regarding your moderately successful open source project: congratulations and I’m so sorry</p>

  264. regarding your moderately successful open source project: congratulations and I’m so sorry

  265. <p>Just encountered a *wild* JavaScript bug.</p><p>App code:<br />let myDate = DateTime.now();</p><p>Library code:<br />`myDate instanceof DateTime` was false, why??</p><p>First thought: multiple different versions of `DateTime` ("luxon") package installed via npm? Nope.</p><p>Actual culprit:</p><p>App code:<br />const { DateTime } = require("luxon");</p><p>Library code:<br />import { DateTime } from "luxon";</p><p>Luxon exports different versions of DateTime for CommonJS and ESM 😭 I may never trust `instanceof` again 😬 Best friend .contructor.name now</p>

  266. <p>let’s keep what AI in w3.org/WAI/ means between us until after the investment checks have been written, ok</p>

  267. let’s keep what AI in www.w3.org/WAI/ means between us until after the investment checks have been written, ok

  268. <p>is this about AI yep<br />is this about politics yep<br />is this about billionaires yep<br />is this about masculinity yep</p>

  269. <p>no one knows how anything works and the market for confidently wrong answers has never been better</p>

  270. who among us hasn’t deadlocked node.js with two interdependent concurrency queues?? who!?

  271. <p>anyway node.js just bails out silently when this happens so it’s decidedly not a fun issue to track down 😭</p>

  272. <p>who among us hasn’t deadlocked node.js with two interdependent concurrency queues?? who!?!</p>

  273. <p>Had a delightful conversation with <span class="h-card" translate="no"><a href="https://mastodon.design/@DavidDarnes" class="u-url mention">@<span>DavidDarnes</span></a></span> and Matt Johnson about the unique space “Design Engineer” occupies in web development <a href="https://www.podcastawesome.com/2092855/episodes/16692493-what-the-heck-is-a-design-engineer-with-dave-darnes" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">podcastawesome.com/2092855/epi</span><span class="invisible">sodes/16692493-what-the-heck-is-a-design-engineer-with-dave-darnes</span></a></p><p>Inspired by Dave’s recent blog post! <a href="https://zeroheight.com/blog/design-engineer/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">zeroheight.com/blog/design-eng</span><span class="invisible">ineer/</span></a></p>

  274. Had a delightful conversation with @darn.es and @matthewejohnson.bsky.social about the unique space “Design Engineer” occupies in web development https://www.podcastawesome.com/2092855/episodes/16692493-what-the-heck-is-a-design-engineer-with-dave-darnes

    Inspired by Dave’s recent blog post! https://zeroheight.com/blog/design-engineer/

  275. <p>Wrote this up on the blog: <a href="https://fediverse.zachleat.com/@zachleat/114082206353649121" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">fediverse.zachleat.com/@zachle</span><span class="invisible">at/114082206353649121</span></a></p>

  276. <p>📮 New blog post:</p><p>Extract Colors from an Image for CSS Themes: <a href="https://www.zachleat.com/web/extract-colors/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">zachleat.com/web/extract-color</span><span class="invisible">s/</span></a></p>

  277. 📮 New blog post:

    Extract Colors from an Image for CSS Themes: https://www.zachleat.com/web/extract-colors/

  278. up to 10MB on geocities paid-tier, y’all

    [contains quote post or other embedded content]

  279. <p>sim alttextman where we at on this</p>

  280. <p>I propose that we use an llm. subdomain for LLMs to consume just like we *needed* an m. subdomain for mobile in 2010</p>

  281. <p>This open source work is part of a larger migration of the Font Awesome blog (Blog Awesome) from WordPress to Eleventy, currently ongoing!</p><p><a href="https://github.com/11ty/eleventy-import" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/11ty/eleventy-impor</span><span class="invisible">t</span></a> was also born from that too!</p>

  282. <p>If you’re curious, I used the brand new `@11ty/image-color` to fetch the border colors from each site’s favicon/avatar: <a href="https://fosstodon.org/@eleventy/114076444351199781" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">fosstodon.org/@eleventy/114076</span><span class="invisible">444351199781</span></a></p>

  283. <p>The one nice thing about /llms.txt is that folks deeply entrenched in JavaScript-heavy webdev are now providing lightweight experiences of their content on the web (but for LLMs, not users — mind you)</p>

  284. <p>automated themed screenshot border colors</p> A 4×4 grid of small square screenshots, with border colors specific to each site’s favicon. This is the Built With Eleventy section on the home page of 11ty.dev

  285. themed screenshot border colors.

  286. <p>lorem ipsum in /llms.txt</p>

  287. so @svelte.dev @nuxt.com and @astro.build are all full-steam ahead on /llms.txt huh

  288. I’ve been playing around with extracting colors from favicon images as a shorthand for the theme colors of a website — can y’all think of a better or easier way? Something to do with using a site’s CSS directly?

  289. <p>I’ve been playing around with extracting colors from favicon images as a shorthand for the theme colors of a website — can y’all think of a better or easier way? Something to do with using a site’s CSS directly?</p>

  290. this absolute banger flopping means that I am shadow banned by the mastodon algorithm

    there can be no other explanation

  291. I am an external opening of the rectum located inside the intergluteal cleft AITA?

  292. am I the one that is hallucinating

  293. any product page claiming use of AI without citing the model or what data set was used to train it does not get the benefit of the doubt any more (sorry not sorry)

  294. this is much different than what WP Engine did because they’re reusing the unlicensed intellectual property of designers and not the openly licensed work of developers so its ok

  295. the wordpress admin settings page is *wild*

    ![Site Logo: Make an incredible logo in minutes

    Pre-designed by top talent. Just add your touch:

    Try Fiverr Logo Maker](/assets/c63899abf3521807-gFf8r80FnBND.png)

  296. and `strict: false` ain’t it:

    --enabled --wat => "--wat"

  297. Wishing that Node’s util.parseArgs allowed boolean|string types.

    (empty) => false
    --enabled => true
    --enabled=value => "value"

    https://nodejs.org/docs/latest/api/util.html#utilparseargsconfig

  298. with all due respect (none):

  299. with all due respect (none):

  300. The Citywide typeface from @jasonsantamaria.bsky.social is very good (and the price is very good too): https://shop.jasonsantamaria.com/products/citywide

  301. Temperature or “Feels Like” Temperature: y’all need to pick one and roll with it

  302. `any` as malicious compliance in a TypeScript codebase

  303. any as malicious compliance in a TypeScript codebase

  304. today is a cold day in hell

  305. The pairing of sibling “Server rendering is optional” and “Server Rendering is not just for SEO” sections here is a perfect example of how the React ecosystem doesn’t encourage good defaults.

    https://react.dev/blog/2025/02/14/sunsetting-create-react-app#why-we-recommend-frameworks

  306. The pairing of sibling “Server rendering is optional” and “Server Rendering is not just for SEO” sections here is a perfect example of how the React ecosystem doesn’t encourage good defaults.

    https://react.dev/blog/2025/02/14/sunsetting-create-react-app#why-we-recommend-frameworks

  307. ?nodefine — a pattern to skip automatic Custom Element definitions

    www.zachleat.com/web/nodefine/

  308. ?nodefine — a pattern to skip automatic Custom Element definitions

    https://www.zachleat.com/web/nodefine/

  309. does anyone else feel like feature testing as a front-end practice went out of style? (wrongly so — it’s still super valuable!)

  310. I know it’s Next.js but is it using that part where you put SQL in your frontend code? 😅

    [contains quote post or other embedded content]

  311. whoever decided that using `import.meta` out-of-pocket should throw a SyntaxError (meaning you can’t really feature test for it in code) made a choice that I do not agree with

  312. whoever decided that using import.meta out-of-pocket should throw a SyntaxError (meaning you can’t really feature test for it in code) made a choice that I do not agree with

  313. free side project idea: a cemetery for twitter accounts

  314. I still think petite-vue is good https://github.com/vuejs/petite-vue

  315. TIL you can feature test Import Maps support using `HTMLScriptElement.supports("importmap")`

    https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/supports_static

    via @guybedford’s https://github.com/guybedford/es-module-shims

  316. TIL you can feature test Import Maps support using HTMLScriptElement.supports(&#34;importmap&#34;)

    https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/supports_static

    via @guybedford.com’s https://github.com/guybedford/es-module-shims

  317. Looks like using Svelte via import maps got a lot more gnarly between v4 and v5, unfortunately.

    (via https://generator.jspm.io/)

    <script type= { "imports": { "svelte": "https://unpkg.com/svelte@4.2.19/src/runtime/index.js" } } "> <script type= { "imports": { "svelte": "https://unpkg.com/svelte@5.19.10/src/index-client.js" }, "scopes": { "https://unpkg.com/": { "clsx": "https://unpkg.com/clsx@2.1.1/dist/clsx.mjs", "esm-env": "https://unpkg.com/esm-env@1.2.2/index.js", "esm-env/browser": "https://unpkg.com/esm-env@1.2.2/true.js", "esm-env/development": "https://unpkg.com/esm-env@1.2.2/false.js", "esm-env/node": "https://unpkg.com/esm-env@1.2.2/false.js" } } } ">

  318. dril said it best

    @dril tweet: “issuing correction on a previous post of mine, regarding the terror group ISIL. you do not, under any circumstances,

  319. dril said it best

  320. are… are these <input type=range>

    [contains quote post or other embedded content]

  321. The thing you need to know about me is that I’m not above forking an old package just to update its dependencies: https://github.com/zachleat/get-pixels

  322. apropos of nothing — if mitch mcconnell himself started singing the praises of web components, you wouldn’t hear a word about it from me

  323. Best of luck to JSX — of whom I do not predict will have the same success 😅

  324. With type stripping in Node.js and `--erasableSyntaxOnly` in the TypeScript compiler — in my curmudgeonly luddite brain this has *finally* elevated TypeScript as-a-project beyond a minimal tier of long-term stability in the JS ecosystem.

    Glad to see it make it over the hump.

  325. With type stripping in Node.js and --erasableSyntaxOnly in the TypeScript compiler — in my curmudgeonly luddite brain this has finally elevated TypeScript as-a-project beyond a minimal tier of long-term stability in the JS ecosystem.

    Glad to see it make it over the hump.

  326. Just shipped zachleat@42.0.0 https://www.npmjs.com/package/zachleat

  327. Just shipped zachleat@42.0.0 https://www.npmjs.com/package/zachleat

  328. I was tagged in the Blog Questions 2025 Challenge by Anders Thoresson!

    www.zachleat.com/web/blogging/ https://www.zachleat.com/web/blogging/

  329. I’ll pass it along to @lynnandtonic @hexagoncircle and @sarajw!

  330. I was tagged in the Blog Questions 2025 Challenge by @anders!

    https://www.zachleat.com/web/blogging/

  331. Just finished up a 3D print of a chess set for my son to take to school 😍

    A Bambu lab printer finishes up the dark square on a chess board. There is a triangle of unfinished layer. A modern chess set sits on a table. The dark squares are light gray and the pieces are geometrically simplified.

  332. “The 12-month Amazon Web Services Free Tier period associated with your Amazon Web Services account will expire on January 31”

    In related news, the @eleventy Screenshots service moved again yesterday 😅

  333. “The 12-month Amazon Web Services Free Tier period associated with your Amazon Web Services account will expire on January 31”

    In related news, the @11ty.dev Screenshots service moved again yesterday 😅

  334. Write it down.

    https://dansinker.com/posts/2025-02-1-write-it-down/ from @dansinker

  335. Had a little time at my son’s basketball practice so I converted my 18 year old blog from CommonJS to ESM 😅

    https://github.com/zachleat/zachleat.com/pull/56

  336. cia.gov has been running an outdated version of Gatsby.js with two active high severity CVE’s for at least 3 weeks — I’m sure it’s fine!

    https://socket.dev/npm/package/gatsby/alerts/5.13.7?tab=dependencies

  337. 90 in the corner

    [contains quote post or other embedded content]

  338. fork in the road: happy to announce that I will compensate any CEO currently on a one-dollar salary a full year’s pay to resign

  339. Delighted: I’m finishing up an experimental @eleventy plugin for @font.awesome icons that uses per-page tree-shook (tree-shaken? tree-darmok-and-jalad-at-tanagra) SVG sprite-sheets (with zero CSS or JS)

  340. Delighted: I’m finishing up an experimental @11ty.dev plugin for @fontawesome.com icons that uses per-page tree-shook (tree-shaken? tree-darmok-and-jalad-at-tanagra) SVG sprite-sheets (with zero CSS or JS)

  341. one thing the telephone game is known for (especially when played by LLMs) is accuracy of output

  342. if they had used this web component from @scottjehl, it would have solved the problem quite nicely! https://scottjehl.com/posts/q-r/

  343. Friends of Slack, a couple desktop-client things:

    1. Huddles should prevent the screen saver — I am talking on the computer.
    2. Defaulting to “Automatically leave huddles” when the screen saver starts (when paired with above) is a very bad software default

    (please fix one of the above, thx)

  344. preact is react’s deepseek*

  345. is… is this where we’re at now?

    instead of a hyperlink to the app store (which was already not particularly web-friendly) we’re obfuscating links as smartphone-first QR-codes?

    via https://www.deepseek.com/

    Get DeepSeek App hover state reveals a QR code tooltip labeled “Scan to get DeepSeek App”

  346. casually replacing <svg display="none"> with <svg style="display: none"> this morning

    I don’t need to git blame the commit from 5 years ago — I already know who did it

    (…it me)

  347. what is apple’s beef with SVG https://fediverse.zachleat.com/@zachleat/113114654283999351

  348. The episode of Arrested Development from which this quote originates aired in November, 2003 — and $10 in 2003 is roughly the same as $17 in 2025.

  349. “It's one SVG, Michael — what could it cost, $10?”

  350. the browser support for SVG favicons in 2025 is *wild* https://caniuse.com/link-icon-svg

  351. TIL I needed to opt-in to an allow-list of domains for `fediverse:creator` on my profile (in addition to the `<meta>` tag on my web site)

    Edit Profile -> Verification (tab) -> Author attribution (section) -> Websites allowed to credit you (textarea)

    Read more about fediverse:creator here: https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/

  352. Found some unnecessary twitter metadata still sitting around on my web site and it’s always a good time to delete code (especially now).

    Might be worth checking your web sites to see if you can delete it too?

  353. Found some unnecessary twitter metadata still sitting around on my web site and it’s always a good time to delete code (*especially* now).

    Might be worth checking your web sites to see if you can delete it too?

    <meta name= - - - ">

  354. I’ve been to far too many family funerals in the past couple of years.

    When my time is up (far, far from now) I hope that whoever speaks offers the listeners a message of acceptance and peace — not one of fire and brimstone, not one of conditional love through unconditional allegiance.

    Take care of each other, y’all ❤️

  355. A few Eleventy build server image optimization tests for the project I’m currently working on (×1088 images):

    formats: webp, auto =>
    ❄️ cold cache: 4m 33s
    🔥 warm cache: 36s

    formats: avif, webp, auto =>
    ❄️ cold cache: 11m 32s
    🔥 warm cache: 38s

    Do y’all think the AVIF build cost is worth it if the build server cache is ~always warm?

  356. A few Eleventy build server image optimization tests for a current project (×1088 images):

    formats: webp, auto => ❄️ cold: 4m 33s 🔥 warm: 36s

    formats: avif, webp, auto => ❄️ cold: 11m 32s 🔥 warm: 38s

    Do y’all think the AVIF build cost is worth it if the build server cache is ~always warm?

  357. we did it, web performance folks — it’s done. time to close up shop and go home — I just loaded up a 1.3GB text-based web app

    (using a client-side LLM)

    Chrome devtools network tab, 146 requests, 1387 MB transferred, 1409 MB resources, Finish 50.32 s

  358. For the record, the creator of the Remix JavaScript framework posted in defense of Elon’s fascist salute yesterday.

  359. Always keep receipts.

  360. long pressing on the left side of the screen on bluesky but the skeets aren’t doomscrolling at 2×

  361. I’ll admit I haven’t kept up on the tiktok ban: what specifically about tiktok’s infrastructure is going to be affected? The app in the app store? The web site? Why not just move the TikTok servers overseas?

  362. dear marc zuckemborg what color is the masculine energy card in pokemon card game

  363. img:not([alt]) {
    visibility: hidden;
    }

  364. In the past month my kids and I have played (on all the original *never-repaired* hardware):

    1️⃣ 30+ year old Super Nintendo
    2️⃣ 15+ year old Wii
    3️⃣ 5+ year old Switch

    Nintendo is an incredibly special company — looking forward to the next iteration.

  365. In the past month my kids and I have played (on all the original never-repaired hardware):

    1️⃣ 30+ year old Super Nintendo 2️⃣ 15+ year old Wii 3️⃣ 5+ year old Switch

    Nintendo is an incredibly special company — looking forward to the next iteration.

  366. I am very unserious but also simultaneously extremely serious

    multitudes wish they contained me

  367. your nose is 3d printer for boogers, think about it

  368. we’ve formalized this process here: https://www.11ty.dev/blog/certification/

  369. “tsc does not follow semantic versioning, so even minor updates can introduce changes to type checking that may break existing code.” — @satanacchio.bsky.social

    https://satanacchio.hashnode.dev/everything-you-need-to-know-about-nodejs-type-stripping

  370. 9 y/o tried to say that I was middle aged but instead said that I was from the Middle Ages

  371. mistakes were made mistakes were fixed

  372. if you want one of these on your linkedin — I dub thee officially certified

    Licenses & certifications Certified Eleventy Super Professional Web Developer 2025, issued Jan 2025 Certified Eleventy Super Professional Web Developer 2024, issued Jan 2024

  373. hoping my midlife crisis will be to build increasingly unhinged web sites

  374. look — all I’m saying is that when I type bs in the URL bar it should autocomplete to bluesky even if I’ve never used that computer before

  375. After 7 years, it was time to update the ol’ avatar. This is your one and only warning — I look different now

  376. my profile picture was from 2017 — it’s time for an update.

  377. burrito surpreme court™ justices, sponsored by taco bell™

  378. shout out to everyone with streaming preferences based on caption design and readability

  379. Well designed and beautifully typeset subtitles and closed captions are a competitive advantage for *all* video products.

    (it’s wild how poorly some streaming services are at this—in 2025)

  380. subdomains are pronouns for domain names no I will not be taking questions at this time

  381. somewhere in silicon valley there is a developer furiously writing code to implement congestion pricing for news web sites

  382. trying out a new issue tracker this year

  383. If you search for “Google” in Bing it shows you a page that is designed to look very similar to the Google home page…

    via @verge https://www.theverge.com/2025/1/6/24337117/microsoft-bing-search-results-google-design-trick

    First image: search results for “Bing” on Bing
    Second image: search results for “Google” on Bing

    A screenshot of bing.com search results for Bing. Pretty standard links A search results page on Bing for the search term Google, showing a very large search bar and poster image that looks suspiciously similar to google.com (but doesn’t proclaim any affiliation)

  384. happy january 6th to those CEOs that celebrate

  385. the primary purpose of breaking changes is to remind developers that they shouldn’t get too comfortable

  386. I have converted the old syntax to the new syntax to please the churn gods

  387. modern software (pejorative)

  388. why is no one talking about how many pirates are coming out of the eye doctor—eye health may be the top indicator of criminality

  389. Any web property monetized via advertising is already primarily computer generated content—it’s been that way for at least 20 years.

    They’ve always charged advertisers when bots view an ad—so why not charge for bots to generate the content too?

    [contains quote post or other embedded content]

  390. can y’all settle a fashion argument my partner and I are having: is it ok to french tuck my pants into my socks?

  391. in my house we can print 3D in 4 different colors but only one color in 2D

  392. the disappointment of first hearing an acoustic version of a really good song and finding out the artist has only officially released a studio-produced pop version

  393. I regret to inform you all that 3d printing has become my entire personality (temporarily)

  394. happy new year ya filthy animals

  395. shout out to static sites—casually and calmly doing their thing—while folks are out for the holidays

  396. I’m a simple person—if I see you share an end-of-year wrap up post on your personal blog—I boost it

  397. eating in a restaurant with my family and overheard two men aggressively nickname battling

    “thanks boss” “you’re welcome, bud”

    verbal violence.

  398. my partner got me a 3D printer for christmas and it’s the first “magic technology feeling” I’ve had in a very long time—a glimpse at what a star trek replicator might feel like.

    any good recommendations for useful or fun prints?

  399. for every boost on this post I promise not to post on bluesky for another 10 minutes

  400. watching kids open presents on christmas morning is genuinely one of the raddest things ever

  401. Eleventy End of Week Update:

    ⛴️ Pre-release v3.0.1-alpha.1 https://github.com/11ty/eleventy/releases/tag/v3.0.1-alpha.1 (Import Attributes, Relative assets) 🦴 Big efficiency wins in Fetch v5.0.2 (beta) https://github.com/11ty/eleventy-fetch/releases/tag/v5.0.2-beta.1 🏞️ In progress: Image v6 https://github.com/11ty/eleventy-img/milestone/22?closed=1 (hook directly into sharp for adv processing)

  402. Eleventy End of Week Update:

    ⛴️ Pre-release v3.0.1-alpha.1 https://github.com/11ty/eleventy/releases/tag/v3.0.1-alpha.1 (Import Attributes, Relative assets)
    🦴 Big efficiency wins in Fetch v5.0.2 (beta) https://github.com/11ty/eleventy-fetch/releases/tag/v5.0.2-beta.1
    🏞️ In progress: Image v6 https://github.com/11ty/eleventy-img/milestone/22?closed=1 (hook directly into sharp for adv processing)

  403. @yaypie I’m curious if you have opinions on the best way to convert https://github.com/rgrove/parse-xml/ objects back to XML? does this exist?

    Also asking for @paul via https://bsky.app/profile/paul.kinlan.me/post/3ldr6n3ngts2j

  404. to everyone suggesting that I change the code to do some kind of harm to their web site (humorous or not)—no, I will not be doing that.

    I think we can all agree that it would be wrong to cause production harm to another organization or company’s web site—right?

  405. look—if we’re going to ban the tiktok app in the us—can we at least make it fair and ban all of the apps or no

  406. a reminder that <snow-fall> can do emoji too!

    instead of snowflakes , we see a variety of checkboxes, pineapples, and pizza on a dark background

  407. bless us (maintainers), every one (not monetarily)

  408. looks like https://wordpress.org/ shipped <snow-fall> on the *entire* web site so I will now be taking on the role of tiny tim in the novella A Christmas Carol about Providing Free Labor via Open Source Software

  409. I could have never predicted how this would end

    [contains quote post or other embedded content]

  410. Looks like @ma.tt added &lt;snow-fall&gt; to his personal web site—’tis the season to celebrate others getting value out of open source and web components!

    via https://mastodon.social/@photomatt/113675699709565433

    You can get it for your web site too: https://github.com/zachleat/snow-fall

  411. Looks like @photomatt added `<snow-fall>` to his personal web site—’tis the season to celebrate others getting value out of open source and web components!

    https://mastodon.social/@photomatt/113675699709565433

    You can get it for your web site too: https://github.com/zachleat/snow-fall

  412. new laptop sticker from @kateammann.bsky.social at kateammann.bigcartel.com

  413. new laptop sticker

    (from Kate Ammann at https://kateammann.bigcartel.com/)

    A smiling possum has its cute little curly tail wrapped around a flag pole holding the Progress Pride flag designed by Daniel Quasar

  414. Added a `text` attribute to the <snow-fall> web component (v1.0.3+). Now you can add any emoji character you might want (maybe ❄️, maybe a 🤡)

    Demo: https://zachleat.github.io/snow-fall/demo-clown.html

    Get <snow-fall> for your web site: https://github.com/zachleat/snow-fall

    (Idea inspired by https://techarseholeoftheyear.com/)

  415. HTML — much like the cheese — stands alone

  416. Great change!

    Importantly, in the replies it is noted by @pfrazee.com that the change is not retroactive to folks already verified on a custom domain: https://bsky.app/profile/pfrazee.com/post/3ldjdhrl2gc2b

    [contains quote post or other embedded content]

  417. the twitter takes will get spicier as folks with huge twitter followings see their influence slowly drain away

  418. The worst take about the web is that you should not use HTML because Adobe Flash alone is good enough. Can’t believe I have to keep saying this

  419. “The worst take about the web is that you should not use JS/React/etc because HTML alone is good enough. It's an 'austerity mind virus' that has captured even some smart engineers.” — @rauchg.blue

  420. Are we gonna organize a Bluesky logout/walkout? What are the next steps here to put pressure on Bluesky leadership?

  421. suggestions welcome: if one might be looking for a reliable multi-platform dependency to convert GIF to <video>, what might one use?

    asking for https://github.com/11ty/eleventy-img/issues/261

  422. I… worked on this story for a year…and…they just…posted it https://www.defense.gov/News/News-Stories/Article/Article/4000004/test/

  423. I’m disappointed to report that the three body problem has very little to do with malformed html documents

  424. reading wordpress.com/100-year/ has an interesting flavor to it today https://wordpress.com/100-year/

  425. if hosting providers can’t agree on how to handle trailing slashes it doesn’t bode well for WinterCG and JavaScript server runtime variability

  426. arewebcomponentsathingyet.com

    (Yes) https://arewebcomponentsathingyet.com/

  427. Another great resource on trailing slashes from @bluwy.me which continues to be one of the hardest problems in computer science: https://bjornlu.com/blog/trailing-slash-for-frameworks

  428. Can .astro files be compiled independently yet? How do we get @astro.build working in 11ty?

  429. I regret to inform you that I’ve taken your critique that did not reference or mention me in any way as a very personal attack

  430. went to see Peter Pan in the theater with the 9 y/o (amazing!) and the stage flying was incredible but they didn’t do defying gravity?? seems like they only did stuff from the new album

  431. 88% to 13% …wait

  432. so is next.js stable already shipping with experimental react 20 or what’s the deal there

  433. ⚛️ 🤝 🚾

  434. (positive) the linkedin web site is far too slow to be addictive

  435. fine I’ll post the context https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/cause

  436. Error#cause is for snitches

  437. <a href> pronunciation poll:

    H-ref
    hrrrrrref

  438. time to review my HTML wrapped 2024

    Most used: <a> Doing work to reduce infrastructure bills: <picture> Underrated: <output> Misunderstood: <details> Tame but a small win: <search> Hope the design never calls for it: <dialog> Not today Satan: <canvas> Pure vibes: <noscript>

  439. it’s wild that some people go through their entire lives thinking that the status quo is fine

  440. a presidential pardon for people that put milk in the bowl before the cereal

  441. Shout out to `Promise.withResolvers`—shipping with Node.js 22+

    let { promise, resolve, reject } = Promise.withResolvers();

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers

  442. 1. use this web component, it has zero dependencies, weighs 4KB, shipped in 2018—still works great

    2. OR, you can use this react component—it has many dependencies, requires a transpiler, weighs 200KB+, uses outdated react best practices from 3 months ago

    you gotta choose #2, right? otherwise they’re gonna make fun of you

  443. A casual reminder that https://blog.jim-nielsen.com/2023/domain-sins-of-my-youth/ from @jim-nielsen.com is still great advice (and better than those .netlify.app and .vercel.app subdomains, even)

  444. For folks in the northern hemisphere, it’s season: www.zachleat.com/web/snow-fall/ https://www.zachleat.com/web/snow-fall/

  445. every web site is progressively-enhanced (some better than others)

  446. For folks in the northern hemisphere, it’s <snow-fall> season: https://www.zachleat.com/web/snow-fall/

  447. uh oh, sounds like somebody’s got a case of the cyber mondays

  448. *Overwhelmingly* CSR in the replies there 👀 [contains quote post or other embedded content]

  449. that thing read me for filth 🫣

  450. the UX of passkeys is so good that they *feel* suspiciously insecure 😅

  451. going through the board game collection during the holidays to pick one that pairs nicely with the meal

  452. love to get annoyingly productive right before a long vacation weekend but not productive enough to finish the thing so it can live rent free in my head for even more time

  453. news web sites are monetizing `overflow: hidden`

  454. “Bluesky is insulated from billionaire influence because everything is open source!”

    oh you sweet summer child

  455. can we be real about the stigma associated with .bsky.social user names yet or is it too soon

  456. now we’re going to do the technical portion of the job interview—but also we’re planning on live streaming it publicly worldwide and also you’re falling off of a cliff while your teeth are falling out and you’re late for school

  457. bernie sanders would love web components—no I will not elaborate at this time

  458. Teaching the 7 and 9 y/o to play StarCraft II and it is going *incredible* 🤩

    First time they’ve ever used a mouse after years with touchscreens and trackpads.

  459. I’ll run away from this—does that count [contains quote post or other embedded content]

  460. what’s your least favorite emoji? I’ll go first: ✨

  461. ever heard of the central apple intelligence agency no, I bet not

  462. Fascinating article about mobile device privacy from @josephcox and @404mediaco today: https://www.404media.co/i-dont-own-a-cellphone-can-this-privacy-focused-network-change-that/

    Navigating to Cape’s web site tells another story about privacy if you look at the DevTools Network tab—lots of requests to Google servers 👀

    https://www.cape.co/

  463. is there a way to force an unfollow on bluesky?

  464. extremism uses civility as a weapon

  465. sure, I can touch grass—but can I grep grass? can I sed grass? can I tail grass? yeah, that’s what I thought

  466. If you already follow 100% of a starter pack, you know it’s a good starter pack 😍 [contains quote post or other embedded content]

  467. bluesky RSS feeds be like [contains quote post or other embedded content]

  468. imma gonna need a labeler to show core web vitals pass/fail (or lighthouse scores, whatevs) of their home page on brand accounts 😘 [contains quote post or other embedded content]

  469. Experimenting with @eleventy’s Import to create a single (eventually searchable) archive for Bluesky and Mastodon (and others, eventually).

    Super early preview: https://nexodus.zachleat.dev/

  470. Experimenting with @11ty.dev’s Import to create a single (eventually searchable) archive for Bluesky and Mastodon (and others, eventually). Super early preview: nexodus.zachleat.dev https://nexodus.zachleat.dev/

  471. seeing some gnarly optimistic UI eventual consistency problems on this web site today

  472. any URI that isn’t on your web site isn’t very cool anyway

  473. what is the best JavaScript framework? we asked 2000 next.js superfans to find out

  474. please sign this document stating that you won’t reveal our use of UX patterns to defer information as needed for advanced or secondary tasks it’s a progressive disclosure non-disclosure agreement

  475. this is mostly just for me but they’re all archived here using @eleventy’s tweetback: https://www.zachleat.com/twitter/

    https://github.com/tweetback/tweetback

  476. sometimes cool URIs don’t change but other times you must burn previously cool URIs to the ground so they can’t be further monetized for evil 🔥

  477. Deleting 41,987 tweets.

    (thank you @Luca and https://github.com/lucahammer/tweetXer)

  478. The Bluesky Show

  479. this is what I think of when I hear bluesky

    A fake blue sky wall sits behind a body of water. A man climbs a flight of stairs meant to blend in with the wall. From the Truman Show

  480. rotate your authentication tolkiens

  481. What’s the best method to speedily bulk delete tweets?

  482. time for another round of astrology for web developers—make sure your birth sign aligns with the javascript framework chosen for you by the bizdev team

  483. 7 y/o just asked me if 0 - 0 = -0 and I am absolutely delighted by this question

  484. /wp-discontent/

  485. there is only one hard problem in computer science: abstracting the entirety of CSS into HTML classes

  486. For the record, Bluesky can be “worse” than Mastodon (in important ways that we care about) and still be a temporarily valuable place to get folks off of Twitter/X.

  487. in the year of decorative gourds 2024, a mere 25 years after the format’s standardization—the newest version of Mac OS Preview​.app (Sequoia 15.1) still cannot open an SVG file 😭

  488. For years there has been a stinky cloud of web performance misinformation and propaganda coming from folks in the React community.

    So much so that apparently a 57 score on Lighthouse is “fast” (even with 1160ms of TBT and a 5.4s LCP).

    (There is *some* nuance here, of course—but we haven’t graduated to those discussions yet!)

    If you too want to pretend that your slow web site is fast, use this handy guide: https://www.zachleat.com/web/lighthouse-deception/

  489. web components are good

  490. Having a sizeable following on social media hardens you—in the same way that any small measure of power might.

    At our worst we think of this as a suit of armor, a sort of mental toughness.

    At our best we mourn this as a loss of compassion, a subtraction of our humanity and connectedness.

  491. soft skill issue

  492. Election week always unlocks a special pattern of unhinged “Midwest is a monolith” political commentary from otherwise reasonable East/West coast pundits.

  493. the implied existence of Nightlight Saving Time

  494. if you wait long enough a github star turns into a github black hole

  495. 2PAC is responsible for the content of this advertising. Paid for by 2PAC and not authorized by any candidate or candidate’s committee.

  496. Thankful to see that 11ty was removed from the next State of JS survey (per my request): https://github.com/Devographics/surveys/issues/252#issuecomment-2443276622

    I maintain that the State of JS is mostly a popularity contest, highly correlated to marketing budgets and VC investment.

  497. TIL stock WordPress only supports a single author for a blog post. Huh.

  498. A fascinating look at Google Fonts from @stoyan shows the median size for variable (Latin-extended) web font on the service is 34744 bytes.

    Hefty!

    https://www.phpied.com/web-font-file-size-study-a-variable-font-addition/

  499. you can see this on the CommonMark interactive dingus https://spec.commonmark.org/dingus/

  500. TIL Markdown hyperlink and image syntax doesn’t support whitespace in targets (`href` or `src` HTML attributes, respectively).

    ![Image](space in filename.jpg)

    is rendered as:

    !\[Image\](space in filename.jpg)

    😭

  501. We did it, Joe.

  502. why did it take an hour for someone to tell me I forgot the URL 😅🫠

  503. “Platform Strategy and Its Discontents” from @slightlyoff

    Yet another treatise on conflicting incentives hurting the web. Make sure to read the footnotes…

    https://infrequently.org/2024/10/platforms-are-competitions/

  504. The first release of Internet Explorer (1995) is closer in time to the Apollo 11 moon landing (1969) than now.