shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

290
active users

#javascript

16 posts16 participants0 posts today
Free Software Foundation<p>Nonfree <a href="https://hostux.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> may be taking away your freedom without your realizing it! Many web sites require proprietary JavaScript. Nonfree JavaScript subjugates users in the same way as any piece of proprietary software. Learn more: <a href="https://u.fsf.org/freejs" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">u.fsf.org/freejs</span><span class="invisible"></span></a></p>
Jonathan Lamothe<p>I am in urgent job search mode, so I'm gonna throw this out here and see if anything comes of it.</p><p>I am a <a href="https://social.jlamothe.net/search?tag=Canadian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Canadian</span></a>, fluent in both <a href="https://social.jlamothe.net/search?tag=English" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>English</span></a> and <a href="https://social.jlamothe.net/search?tag=French" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>French</span></a>. I have experience with several programming languages. My strongest proficiency is with <a href="https://social.jlamothe.net/search?tag=Haskell" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Haskell</span></a> and <a href="https://social.jlamothe.net/search?tag=C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>C</span></a>. I also have a reasonable grasp of <a href="https://social.jlamothe.net/search?tag=HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a>, <a href="https://social.jlamothe.net/search?tag=JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a>, <a href="https://social.jlamothe.net/search?tag=SQL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SQL</span></a>, <a href="https://social.jlamothe.net/search?tag=Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a>, <a href="https://social.jlamothe.net/search?tag=Lua" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lua</span></a>, <a href="https://social.jlamothe.net/search?tag=Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> system administration, <a href="https://social.jlamothe.net/search?tag=bash" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bash</span></a> scripting, <a href="https://social.jlamothe.net/search?tag=Perl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Perl</span></a>, <a href="https://social.jlamothe.net/search?tag=AWK" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AWK</span></a>, some <a href="https://social.jlamothe.net/search?tag=Lisp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lisp</span></a> (common, scheme, and emacs), and probably several others I've forgotten to mention.</p><p>I am not necessarily looking for something in tech. I just need something stable. I have done everything from software development, to customer support, to factory work, though my current circumstances make in-person work more difficult than remote work. I have been regarded as a hard worker in every job I have ever held.</p><p><a href="https://social.jlamothe.net/search?tag=GetFediHired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GetFediHired</span></a></p>
Andrija Petrovic<p><span class="h-card" translate="no"><a href="https://dindon.one/@henry" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>henry</span></a></span> Having (almost fully) switched to <a href="https://lor.sh/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> in 2012, I quickly recognized the danger of relying to _anything_ (<a href="https://lor.sh/tags/npm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>npm</span></a> included, this one gave me a lot of pain for several times over the years).<br>Ended up with a monstrous monorepo. Forked (and improved) just 2 other people's repos, one abandoned and one that took months to finally get it right regarding garbage collection, but I had no time to wait.<br>Thereby I never got to a situation to hate a programming language because of the hype around it, but it surely got me coding a ton of <a href="https://lor.sh/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a>.<br>The experience helped me a lot in JS5=&gt;ECMAScript and ECMAScript=&gt;TypeScript switching in the last year or so.</p>
jack<p><a href="https://w3c.social/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a> <a href="https://w3c.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://w3c.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://w3c.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://w3c.social/tags/dramaturgy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dramaturgy</span></a> <a href="https://w3c.social/tags/performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>performance</span></a> <a href="https://w3c.social/tags/live" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>live</span></a><br>I use web to document, define, and inspire live work irl ranging circus to lectures. From London, now working in Shanghai.<br><a href="https://jackpixley.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">jackpixley.com</span><span class="invisible"></span></a></p>
Ruby Weekly<p>Nōdo – Call Node.js from Ruby</p><p><a href="https://github.com/mtgrosser/nodo" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/mtgrosser/nodo</span><span class="invisible"></span></a></p><p>Discussions: <a href="https://discu.eu/q/https://github.com/mtgrosser/nodo" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">discu.eu/q/https://github.com/</span><span class="invisible">mtgrosser/nodo</span></a></p><p><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nodejs</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/ruby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ruby</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p>
W3Things<p>Eleventy — Use Passthrough File Copy to Add Assets 🖼️</p><p>👉 <a href="https://w3things.com/blog/eleventy-passthrough-file-copy/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">w3things.com/blog/eleventy-pas</span><span class="invisible">sthrough-file-copy/</span></a></p><p>Learn how to use the Passthrough File Copy feature to add static assets like CSS and JS to the output directory in the Eleventy (11ty) site.</p><p><a href="https://mastodon.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> <a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://mastodon.social/tags/StaticSiteGenerators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StaticSiteGenerators</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
boB Rudis 🇺🇦 🇬🇱<p>Drop #628 (2025-03-26): Web-Slinging&nbsp;Wensday</p><p>Today's Drop discusses two new packages, hmmfetch and {headrs}, designed to generate realistic HTTP headers for <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> and <a href="https://mastodon.social/tags/RStats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RStats</span></a> respectively, aiding developers in avoiding detection from automated traffic. Additionally, Anthony Fu promotes transitioning to ESM-only packages, highlighting the growth of ESM adoption and addressing challenges of dual CJS/ESM formats in JavaScript development.</p><p><a href="http://dailydrop.hrbrmstr.dev/2025/03/26/drop-628-2025-03-26-web-slinging-wensday/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">http://</span><span class="ellipsis">dailydrop.hrbrmstr.dev/2025/03</span><span class="invisible">/26/drop-628-2025-03-26-web-slinging-wensday/</span></a></p>
hrbrmstr's Daily Drop<p><strong>Drop #628 (2025-03-26): Web-Slinging&nbsp;Wensday</strong></p><p><em>hmmfetch; headrs; ESM Or Bust</em></p><p>Yep. I snuck another R package into a Drop. And, yes, I will continue to advocate for dropping the completely useless ‘de’ in ‘Wednesday’.</p><p>A caveat for the first two sections: please do not abuse websites. Ars just dropped “<a href="https://arstechnica.com/ai/2025/03/devs-say-ai-crawlers-dominate-traffic-forcing-blocks-on-entire-countries/" rel="nofollow noopener noreferrer" target="_blank">Open Source devs say AI crawlers dominate traffic, forcing blocks on entire countries</a>”, and even our global sensor network catches AI crawlers (so they are literally just hoovering up any web content at even any rando IP address). Header randomization — especially in conjunction with residential proxy servers — is more often used for evil than good, but there are legitimate uses for this techniue, too.</p> <p><a href="https://dailydrop.hrbrmstr.dev/?post_type=post&amp;p=139505158" rel="nofollow noopener noreferrer" target="_blank">Subscribe</a></p> <p><strong>TL;DR</strong></p><p><em>(This is an AI-generated summary of today’s Drop using Ollama + llama 3.2 and a custom prompt.)</em></p><ul><li>hmmfetch: A JavaScript package that wraps&nbsp;<code>fetch()</code>&nbsp;to add realistic, randomized HTTP headers, mimicking browser behavior to avoid detection as automated traffic (<a href="https://github.com/willswire/hmmfetch/tree/main" rel="nofollow noopener noreferrer" target="_blank">https://github.com/willswire/hmmfetch/tree/main</a>)</li><li>headrs: An R package inspired by hmmfetch, offering similar functionality for generating realistic HTTP headers and integrating with R’s {httr} and {httr2} libraries (<a href="https://codeberg.org/hrbrmstr/headrs" rel="nofollow noopener noreferrer" target="_blank">https://codeberg.org/hrbrmstr/headrs</a>)</li><li>ESM Or Bust: Anthony Fu advocates for transitioning to ESM-only packages, discussing the growth in ESM adoption and the benefits of moving away from dual CJS/ESM formats (<a href="https://antfu.me/posts/move-on-to-esm-only" rel="nofollow noopener noreferrer" target="_blank">https://antfu.me/posts/move-on-to-esm-only</a>)</li></ul> <p><strong>hmmfetch</strong></p><p><a href="https://github.com/willswire/hmmfetch/tree/main" rel="nofollow noopener noreferrer" target="_blank"><code>hmmfetch</code></a>&nbsp;is a lightweight JavaScript package that wraps the standard&nbsp;<code>fetch()</code>&nbsp;function but automatically attaches realistic, randomized HTTP headers to each request. These headers mimic those that a browser like Chrome, Firefox, or Safari would typically send, including&nbsp;<code>User-Agent</code>,&nbsp;<code>Accept-Language</code>, and others. We can use&nbsp;<code>hmmfetch</code>&nbsp;the same way we’d use the native&nbsp;<code>fetch</code>, but also have the option to override or specify certain values, such as browser type (<code>chrome</code>,&nbsp;<code>firefox</code>, etc.), operating system (<code>windows</code>,&nbsp;<code>mac</code>,&nbsp;<code>linux</code>), or language preferences. There’s also a&nbsp;<code>generateHeaders()</code>&nbsp;function for generating these headers separately, without sending a request.</p><p>The purpose of randomizing headers is to make outbound HTTP requests look more like they’re coming from a human using a browser, rather than from a script or bot. This can help avoid detection or throttling from services that flag non-browser traffic. Many sites inspect headers to detect automation—for example, looking for missing or uniform&nbsp;<code>User-Agent</code>&nbsp;strings, or unrealistic&nbsp;<code>Accept</code>&nbsp;and&nbsp;<code>Accept-Language</code>&nbsp;combinations. By rotating plausible header sets,&nbsp;<code>hmmfetch</code>&nbsp;can blend in with typical browser behavior, which is useful for scraping, testing, or research where a lower profile is helpful.</p> <p><strong>headrs</strong></p><p>I had jankier R snippets that I’ve used to do most of what&nbsp;<code>hmmfetch</code>&nbsp;does, but decided to riff from it and make a&nbsp;<a href="https://codeberg.org/hrbrmstr/headrs" rel="nofollow noopener noreferrer" target="_blank">{headrs} R package</a>&nbsp;(<a href="https://tangled.sh/@hrbrmstr.dev/headrs" rel="nofollow noopener noreferrer" target="_blank">knot</a>). It offers the same basic functionality: generating realistic HTTP headers that mimic browser behavior to avoid detection when making requests. Where hmmfetch wraps JavaScript’s native&nbsp;<code>fetch()</code>, {headrs} integrates with R’s&nbsp;<code>httr</code>&nbsp;and&nbsp;<code>httr2</code>&nbsp;HTTP client libraries, providing functions that both generate browser-like headers (<code>generate_headers()</code>) and use them to perform&nbsp;<code>GET</code>&nbsp;requests (<code>hmmfetch()</code>&nbsp;for {httr},&nbsp;<code>hmmfetch2()</code>&nbsp;for {httr2}).</p><p>Like&nbsp;<code>hmmfetch</code>, this package randomizes headers like&nbsp;<code>User-Agent</code>,&nbsp;<code>Accept-Language</code>, and the&nbsp;<code>sec-*</code>&nbsp;family of headers to resemble those sent by real browsers—Chrome, Firefox, Safari, or Edge—on various operating systems including Windows, macOS, and Linux. It includes accurate&nbsp;<code>user-agent</code>&nbsp;strings and browser-specific headers such as&nbsp;<code>sec-ch-ua</code>&nbsp;or&nbsp;<code>sec-ch-ua-platform</code>. You can lock to specific browsers or OSes, or let it choose randomly. The randomness is meant to reduce the chance of requests being flagged as automated.</p> <pre>str( generate_headers())## List of 12## $ Accept : chr "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/si"| __truncated__## $ Accept-Language : chr "ko-KR,ko;q=0.9"## $ Cache-Control : chr "max-age=0"## $ Sec-Fetch-Dest : chr "document"## $ Sec-Fetch-Mode : chr "navigate"## $ Sec-Fetch-Site : chr "none"## $ Sec-Fetch-User : chr "?1"## $ Upgrade-Insecure-Requests: chr "1"## $ User-Agent : chr "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36 Edg/117.0.1823.58"## $ sec-ch-ua : chr "\"Chromium\";v=\"117\", \"Not:A-Brand\";v=\"24\", \"Microsoft Edge\";v=\"117\""## $ sec-ch-ua-platform : chr "\"Linux\""## $ sec-ch-ua-mobile : chr "?0"</pre> <pre>hmmfetch( "https://httpbin.org/headers", options = list( headers = list("X-Custom-Header" = "custom-value") )) |&gt; httr::content( as = "text", encoding = "UTF-8" ) |&gt; writeLines()## {## "headers": {## "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7", ## "Accept-Encoding": "deflate, gzip", ## "Accept-Language": "en-GB,en;q=0.9", ## "Cache-Control": "max-age=0", ## "Host": "httpbin.org", ## "Sec-Fetch-Dest": "document", ## "Sec-Fetch-Mode": "navigate", ## "Sec-Fetch-Site": "none", ## "Sec-Fetch-User": "?1", ## "Upgrade-Insecure-Requests": "1", ## "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Safari/605.1.15", ## "X-Amzn-Trace-Id": "Root=1-67e3c625-1717b8685fa2fe456aa4f7aa", ## "X-Custom-Header": "custom-value"## }## }</pre> <pre>hmmfetch2( "https://httpbin.org/headers", options = list( headers = list("X-Custom-Header" = "custom-value") )) |&gt; httr2::resp_raw()## HTTP/1.1 200 OK## date: Wed, 26 Mar 2025 09:17:25 GMT## content-type: application/json## content-length: 926## server: gunicorn/19.9.0## access-control-allow-origin: *## access-control-allow-credentials: true## ## {## "headers": {## "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7", ## "Accept-Encoding": "deflate, gzip", ## "Accept-Language": "en-US,en;q=0.9", ## "Cache-Control": "no-cache", ## "Host": "httpbin.org", ## "Sec-Ch-Ua": "\"Chromium\";v=\"122\", \"Not:A-Brand\";v=\"24\", \"Microsoft Edge\";v=\"122\"", ## "Sec-Ch-Ua-Mobile": "?0", ## "Sec-Ch-Ua-Platform": "\"macOS\"", ## "Sec-Fetch-Dest": "document", ## "Sec-Fetch-Mode": "navigate", ## "Sec-Fetch-Site": "none", ## "Sec-Fetch-User": "?1", ## "Upgrade-Insecure-Requests": "1", ## "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.1823.58", ## "X-Amzn-Trace-Id": "Root=1-67e3c625-6678ec4b17bb39e0017d2112", ## "X-Custom-Header": "custom-value"## }## }</pre> <p>I’ll likely be updating this as I use it and discover where it is too brittle. PRs are&nbsp;<em>most welcome</em>, as well.</p> <p><strong>ESM Or Bust</strong></p><p>In “<a href="https://antfu.me/posts/move-on-to-esm-only" rel="nofollow noopener noreferrer" target="_blank">Move on to ESM-only</a>”,&nbsp;<a href="https://bsky.app/profile/antfu.me" rel="nofollow noopener noreferrer" target="_blank">Anthony Fu</a>&nbsp;discusses the evolution of JavaScript module systems and advocates for transitioning to ESM-only packages, and is also a reflection on the author’s changing perspective since writing about dual CJS/ESM formats three years prior.</p><p>Fu notes that ESM adoption has grown significantly, with ESM packages on npm increasing from 7.8% in 2021 to 25.8% by the end of 2024. This growth has been supported by modern tools like Vite, which treats ESM as a first-class citizen, and testing libraries like Vitest that were designed for ESM from the beginning. CLI tools such as tsx and jiti have also simplified the development process by enabling seamless execution of TypeScript and ESM code.</p><p>Fu highlights two approaches to ESM adoption: bottom-up, exemplified by Sindre Sorhus migrating low-level packages to ESM-only in 2021, and top-down, where high-level frameworks and tools lead the transition. Fu argues that the top-down approach is more effective for smooth adoption, as it’s easier for ESM packages to depend on CJS packages than vice versa.</p><p>A significant milestone in ESM adoption is Node.js’s ability to&nbsp;<code>require()</code>&nbsp;ESM modules, a feature recently unflagged and backported to Node.js v22. This capability allows ESM-only packages to be consumed by CJS codebases with minimal modifications, enabling what Fu calls a “middle-out” approach to migration.</p><p>Fu discusses several challenges with maintaining dual CJS/ESM formats, including interop issues between the different module systems, dependency resolution complications, and increased package size. These issues make a compelling case for transitioning to ESM-only.</p><p>The article provides guidance on when to move to ESM-only, recommending it for new packages, browser-targeted packages, standalone CLI tools, and packages targeting evergreen Node.js versions. Fu emphasizes the importance of understanding consumers’ requirements before making the transition.</p><p>To help track ESM adoption, Fu introduces the Node Modules Inspector, a visualization tool for analyzing package dependencies and identifying potential migration issues. The article concludes with Fu’s plan to gradually transition his maintained packages to ESM-only and his hope for a more portable, resilient, and optimized JavaScript/TypeScript ecosystem.</p><p>Anthony is def worth a Bsky follow and RSS feed pin, too.</p> <p><strong>FIN</strong></p><p>Remember, you can follow and interact with the full text of The Daily Drop’s free posts on:</p><ul><li>🐘 Mastodon via&nbsp;<code>@dailydrop.hrbrmstr.dev@dailydrop.hrbrmstr.dev</code></li><li>🦋 Bluesky via&nbsp;<code>https://bsky.app/profile/dailydrop.hrbrmstr.dev.web.brid.gy</code></li></ul><p>Also, refer to:</p><ul><li><a href="https://dailydrop.hrbrmstr.dev/2024/12/04/drop-565-2024-12-04-all-strings-attached/" rel="nofollow noopener noreferrer" target="_blank">this post</a>, and</li><li><a href="https://dailydrop.hrbrmstr.dev/2024/12/08/bonus-drop-68-2024-12-08-all-strings-attached-cli-version/" rel="nofollow noopener noreferrer" target="_blank">this post</a></li></ul><p>to see how to access a regularly updated database of all the Drops with extracted links, and full-text search capability. ☮️</p><p><a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://dailydrop.hrbrmstr.dev/tag/javascript/" target="_blank">#javascript</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://dailydrop.hrbrmstr.dev/tag/rstats/" target="_blank">#RStats</a></p>
Aaron Reuland<p>Playing with text as texture. Text as pixels almost.</p><p><a href="https://mstdn.social/tags/creativeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativeCoding</span></a> <a href="https://mstdn.social/tags/poetry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>poetry</span></a> <a href="https://mstdn.social/tags/algorithmicart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>algorithmicart</span></a> <a href="https://mstdn.social/tags/p5js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>p5js</span></a> <a href="https://mstdn.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
Schalk Neethling<p><a href="https://hachyderm.io/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> question: When using event delegation, one often runs into the situation where a button can contain both a span and an SVG. Both of these will trigger a click event, muddying the `target`.</p><p>To avoid target gymnastics, do you generally do something like this in CSS?</p><p>button {<br> /* some styles */</p><p> * {<br> pointer-events: none;<br> }<br>}</p><p><a href="https://hachyderm.io/tags/hivemind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hivemind</span></a></p>
Free Software Foundation<p>Nonfree <a href="https://hostux.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> may be taking away your freedom without your realizing it! Many web sites require proprietary JavaScript. Nonfree JavaScript subjugates users in the same way as any piece of proprietary software. Learn more: <a href="https://u.fsf.org/freejs" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">u.fsf.org/freejs</span><span class="invisible"></span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://chaos.social/@kubikpixel" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>kubikpixel</span></a></span> IMHO ist <a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> nur für <a href="https://infosec.space/tags/Cryptojacking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Cryptojacking</span></a>-<a href="https://infosec.space/tags/Malware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Malware</span></a> gut und hat keine Daseinsberechtigung!</p>
𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕<p>»10 Gründe JavaScript zu hassen – oder zu lieben:<br>Drei Dekaden der Entwicklungsarbeit gehen auch an JavaScript nicht spurlos vorüber. Im Guten, wie im Schlechten.«</p><p>Ich sehe dies sehr ähnlich und bin aber immer noch der Meinung, dass JavaScript (TypeScript) eigentlich nur im Browser angewendet werden sollte da ansonsten "zu langsam" ist.</p><p>🧑‍💻 <a href="https://www.computerwoche.de/article/3844108/10-grunde-javascript-zu-hassen-oder-zu-lieben.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">computerwoche.de/article/38441</span><span class="invisible">08/10-grunde-javascript-zu-hassen-oder-zu-lieben.html</span></a></p><p><a href="https://chaos.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://chaos.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://chaos.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://chaos.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nodejs</span></a> <a href="https://chaos.social/tags/it" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>it</span></a> <a href="https://chaos.social/tags/gutundboese" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gutundboese</span></a> <a href="https://chaos.social/tags/programmierung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programmierung</span></a> <a href="https://chaos.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a></p>
ECMAScript News<p>ESLint v.9.23.0: TypeScript syntax support in 3 core rules<br><span class="h-card" translate="no"><a href="https://fosstodon.org/@eslint" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eslint</span></a></span><br><a href="https://eslint.org/blog/2025/03/eslint-v9.23.0-released/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">eslint.org/blog/2025/03/eslint</span><span class="invisible">-v9.23.0-released/</span></a></p><p><a href="https://mastodon.online/tags/ECMAScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ECMAScript</span></a> <a href="https://mastodon.online/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
VoR<p>Code/Demo: <a href="https://sketchpunklabs.github.io/threejs_proto/code/webgl/maths/gizmos_actions.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">sketchpunklabs.github.io/three</span><span class="invisible">js_proto/code/webgl/maths/gizmos_actions.html</span></a><br>I may need to build 3D Gizmos again, so thought I put together a simple ex of all the main actions needed. Got line &amp; plane translation with visualizers for the raw data. FromScratch raycasts + mathlib, free &amp; portable 4 all<br><a href="https://mastodon.gamedev.place/tags/threejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>threejs</span></a> <a href="https://mastodon.gamedev.place/tags/maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>maths</span></a> <a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/indiedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indiedev</span></a> <a href="https://mastodon.gamedev.place/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.gamedev.place/tags/webgl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgl</span></a> <a href="https://mastodon.gamedev.place/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p>
Andrew Mark McCall<p>launched <a href="https://pcbuildingcompany.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pcbuildingcompany.com</span><span class="invisible"></span></a> a small brochure website using markdown files for a local home builder. </p><p>Need a website or other programming? <a href="https://book.andrew-mccall.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">book.andrew-mccall.com/</span><span class="invisible"></span></a></p><p>Any financial gain goes towards paying of my CT Scan</p><p>Please boost for exposure!</p><p><a href="https://indieweb.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://indieweb.social/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writing</span></a> <a href="https://indieweb.social/tags/smallbusiness" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallbusiness</span></a> <a href="https://indieweb.social/tags/business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>business</span></a> <a href="https://indieweb.social/tags/marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>marketing</span></a> <a href="https://indieweb.social/tags/mutualaid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mutualaid</span></a> <a href="https://indieweb.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://indieweb.social/tags/golang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>golang</span></a> <a href="https://indieweb.social/tags/seo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>seo</span></a> <a href="https://indieweb.social/tags/medical" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>medical</span></a> <a href="https://indieweb.social/tags/help" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>help</span></a> <a href="https://indieweb.social/tags/personalcoach" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalcoach</span></a> <a href="https://indieweb.social/tags/artist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artist</span></a> <a href="https://indieweb.social/tags/writer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writer</span></a> <a href="https://indieweb.social/tags/book" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>book</span></a> <a href="https://indieweb.social/tags/musician" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>musician</span></a> <a href="https://indieweb.social/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>music</span></a> <a href="https://indieweb.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalart</span></a> <a href="https://indieweb.social/tags/digitalmarketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalmarketing</span></a> <a href="https://indieweb.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a> <a href="https://indieweb.social/tags/newsletter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>newsletter</span></a> <a href="https://indieweb.social/tags/money" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>money</span></a> <a href="https://indieweb.social/tags/financialaid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>financialaid</span></a></p>
Karsten Schmidt<p>Just made my day: "I somehow made it to March 2025 before being aware of <a href="https://thi.ng/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">thi.ng/</span><span class="invisible"></span></a> - an incredible mountain of code created primarily by a prolific genius, full of ideas that are like catnip to me."</p><p>😂</p><p><a href="https://kylecordes.com/2025/typescript-html-generation-on-the-server" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kylecordes.com/2025/typescript</span><span class="invisible">-html-generation-on-the-server</span></a></p><p>(Also, to clarify, even though thi.ng/hiccup and a small selection of other thi.ng libs started out porting concepts widely used in Clojure (the language I spent 7 years with previously), in many cases the scope, features, usability &amp; potential use cases have been far extended far beyond their "originals" and it sometimes saddens me that these are often just plainly ignored or mis-labeled/described...)</p><p><a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ThingUmbrella</span></a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.thi.ng/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.thi.ng/tags/Clojure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Clojure</span></a> <a href="https://mastodon.thi.ng/tags/Quote" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Quote</span></a></p>
Emilis 🇺🇦<p>I am <a href="https://fosstodon.org/tags/LookingForAJob" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LookingForAJob</span></a></p><p>Web developer with 20+ years experience.<br><a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> / <a href="https://fosstodon.org/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TypeScript</span></a> 15 years, <a href="https://fosstodon.org/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> 10 years.<br>Love <a href="https://fosstodon.org/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> and <a href="https://fosstodon.org/tags/functional" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>functional</span></a> programming, dabble in maker stuff.<br>Would be happiest to work on <a href="https://fosstodon.org/tags/FreeSoftware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FreeSoftware</span></a>, <a href="https://fosstodon.org/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> or with an NGO.</p><p><a href="https://fosstodon.org/tags/Vilnius" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vilnius</span></a>, <a href="https://fosstodon.org/tags/Lithuania" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lithuania</span></a>, Europe. Hybrid or remote.</p><p>CV: <a href="https://emilis.codeberg.page/cv2025.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">emilis.codeberg.page/cv2025.ht</span><span class="invisible">ml</span></a></p><p>Please boost 🙇</p>
Juno<p>&gt; HarmonyOS initially began as a project based on the Android Open Source Project and the Linux kernel, allowing compatibility with existing Android apps. In 2023, Huawei introduced HarmonyOS NEXT, a new iteration built on a custom microkernel and proprietary technology frameworks.</p><p>&gt; Unlike its predecessor, HarmonyOS NEXT does not support Android or Windows applications. Instead, it uses a native application format based on JavaScript, TypeScript, and an optimized compiler designed to accelerate JavaScript execution. In 2024, Huawei confirmed its plans to replace Windows with HarmonyOS for its upcoming PC models.</p><p>&gt; In addition to its HarmonyOS-based PC, Huawei is developing a Linux-based system, according to MyDrivers. The upcoming MateBook D16 Linux Edition will feature the same hardware as the standard MateBook D16, with an unnamed Linux distribution replacing Windows.</p><p><a href="https://www.techspot.com/news/107169-life-without-windows-huawei-preps-ai-pc-counter.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">techspot.com/news/107169-life-</span><span class="invisible">without-windows-huawei-preps-ai-pc-counter.html</span></a></p><p><a href="https://mastodon.bsd.cafe/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linux</span></a> <a href="https://mastodon.bsd.cafe/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://mastodon.bsd.cafe/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> <a href="https://mastodon.bsd.cafe/tags/huawei" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>huawei</span></a> <a href="https://mastodon.bsd.cafe/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.bsd.cafe/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typescript</span></a></p>
Negative12DollarBill<p>Hi, <a href="https://techhub.social/tags/Today" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Today</span></a> I decided to try to <a href="https://techhub.social/tags/getfedihired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>getfedihired</span></a> — I've got many years of experience with web development, programming and production (<a href="https://techhub.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a>, <a href="https://techhub.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a>, <a href="https://techhub.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Javascript</span></a>), I can make myself useful in anything on the open-source side of back end, i.e. the <a href="https://techhub.social/tags/Perl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Perl</span></a>, <a href="https://techhub.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a>, <a href="https://techhub.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP</span></a>, <a href="https://techhub.social/tags/MySQL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MySQL</span></a>, <a href="https://techhub.social/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> kind of area.</p><p>I live in <a href="https://techhub.social/tags/Sydney" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sydney</span></a> Australia and would be happy to work in-office, remote or hybrid.</p><p>Let me know of any opportunities, or pass this on to anyone else who might know of something? Thanks.</p>