Nexodus Archive

Source code at zachleat/nexodus

333 posts total

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

  2. <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>

  3. <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>

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

    [contains quote post or other embedded content]

  5. <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>

  6. <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>

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

  8. <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>

  9. 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)

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

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

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

  13. <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>

  14. <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>

  15. <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>

  16. <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>

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

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

  18. <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>

  19. 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

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

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

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

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

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

  25. > Avoid an excessive DOM size

    No

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

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

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

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

  30. <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>

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

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

  32. <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>

  33. 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]

  34. <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>

  35. 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

  36. <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>

  37. <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)

  38. 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.”

  39. 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

  40. <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>

  41. 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

  42. <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>

  43. <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>

  44. 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)

  45. <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>

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

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

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

  49. <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>

  50. 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/

  51. <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>

  52. <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>

  53. 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)

  54. <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.

  55. <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>

  56. 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

  57. <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>

  58. <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>

  59. <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>

  60. <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>

  61. <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>

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

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

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

  65. 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!

  66. <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>

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

  68. <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)

  69. <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>

  70. 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.

  71. <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>

  72. 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.

  73. 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

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

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

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

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

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

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

  80. <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>

  81. <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>

  82. <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>

  83. <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>

  84. <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>

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

  86. <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>

  87. 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/

  88. <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>

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

  90. 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/

  91. <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>

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

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

  94. <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>

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

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

  97. <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>

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

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

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

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

  102. <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>

  103. 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/

  104. <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>

  105. <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>

  106. 📮 New blog post:

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

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

    [contains quote post or other embedded content]

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

  109. <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>

  110. <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>

  111. <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>

  112. <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>

  113. <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

  114. themed screenshot border colors.

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

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

  117. 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?

  118. <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>

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

    there can be no other explanation

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

  121. am I the one that is hallucinating

  122. 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)

  123. 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

  124. 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)

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

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

  126. 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

  127. with all due respect (none):

  128. with all due respect (none):

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

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

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

  132. any as malicious compliance in a TypeScript codebase

  133. today is a cold day in hell

  134. 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

  135. 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

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

    www.zachleat.com/web/nodefine/

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

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

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

  139. 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]

  140. 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

  141. 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

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

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

  144. 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

  145. 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

  146. 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" } } } ">

  147. 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,

  148. dril said it best

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

    [contains quote post or other embedded content]

  150. 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

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

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

  153. 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.

  154. 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.

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

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

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

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

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

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

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

  160. 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.

  161. “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 😅

  162. “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 😅

  163. Write it down.

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

  164. 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

  165. 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

  166. 90 in the corner

    [contains quote post or other embedded content]

  167. 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

  168. 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)

  169. 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)

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

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

  172. 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)

  173. preact is react’s deepseek*

  174. 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”

  175. 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)

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

  177. 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.

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

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

  180. 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/

  181. 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?

  182. 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= - - - ">

  183. 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 ❤️

  184. 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?

  185. 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?

  186. 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

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

  188. Always keep receipts.

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

  190. 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?

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

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

  193. 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.

  194. 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.

  195. I am very unserious but also simultaneously extremely serious

    multitudes wish they contained me

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

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

  198. “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

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

  200. mistakes were made mistakes were fixed

  201. 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

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

  203. 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

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

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

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

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

  208. 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)

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

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

  211. trying out a new issue tracker this year

  212. 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)

  213. happy january 6th to those CEOs that celebrate

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

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

  216. modern software (pejorative)

  217. 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

  218. 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]

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

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

  221. 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

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

  223. happy new year ya filthy animals

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

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

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

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

    verbal violence.

  227. 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?

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

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

  230. 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)

  231. 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)

  232. @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

  233. 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?

  234. 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

  235. 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

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

  237. 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

  238. I could have never predicted how this would end

    [contains quote post or other embedded content]

  239. 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

  240. 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

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

  242. 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

  243. 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/)

  244. HTML — much like the cheese — stands alone

  245. 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]

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

  247. 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

  248. “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

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

  250. 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

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

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

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

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

  255. arewebcomponentsathingyet.com

    (Yes) https://arewebcomponentsathingyet.com/

  256. 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

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

  258. 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

  259. 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

  260. 88% to 13% …wait

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

  262. ⚛️ 🤝 🚾

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

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

  265. Error#cause is for snitches

  266. <a href> pronunciation poll:

    H-ref
    hrrrrrref

  267. 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>

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

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

  270. 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

  271. 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

  272. 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)

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

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

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

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

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

  278. that thing read me for filth 🫣

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

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

  281. 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

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

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

    oh you sweet summer child

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

  285. 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

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

  287. 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.

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

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

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

  291. 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/

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

  293. extremism uses civility as a weapon

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

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

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

  297. 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]

  298. 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/

  299. 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/

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

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

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

  303. 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

  304. 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

  305. 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 🔥

  306. Deleting 41,987 tweets.

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

  307. The Bluesky Show

  308. 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

  309. rotate your authentication tolkiens

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

  311. 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

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

  313. /wp-discontent/

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

  315. 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.

  316. 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 😭

  317. 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/

  318. web components are good

  319. 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.

  320. soft skill issue

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

  322. the implied existence of Nightlight Saving Time

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

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

  325. 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.

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

  327. 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/

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

  329. 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)

    😭

  330. We did it, Joe.

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

  332. “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/

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