helvede.net is one of the many independent Mastodon servers you can use to participate in the fediverse.
Velkommen til Helvede, fediversets hotteste instance! Vi er en queerfeministisk server, der shitposter i den 9. cirkel. Welcome to Hell, We’re a DK-based queerfeminist server. Read our server rules!

Server stats:

171
active users

#js

2 posts2 participants0 posts today
Jonathan Matthews<p>Folks who <a href="https://fosstodon.org/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>website</span></a>: I'm trying to create a slice'n'dice-able <a href="https://fosstodon.org/tags/data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>data</span></a> <a href="https://fosstodon.org/tags/table" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>table</span></a> -- somewhat like <a href="https://instances.vantage.sh/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">instances.vantage.sh/</span><span class="invisible"></span></a> with the per-column client-side search/constraint/etc. FWIW my data's a discrete JSON file.</p><p>I'm allergic to JavaScript insofar as I have zero idea what I'm doing with it (and *can't* do anything with it, myself) but will happily copy'n'paste it as needed.</p><p>Got any pointers? <a href="https://fosstodon.org/tags/websites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>websites</span></a> <a href="https://fosstodon.org/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://fosstodon.org/tags/datadriven" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>datadriven</span></a> <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/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://fosstodon.org/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://fosstodon.org/tags/dataviz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dataviz</span></a></p>
Christian Alder<p>Parallax layers 😊 </p><p>A subtle shift across 13 layers kept within a frame on the page. 🦖 </p><p>CodePen: <a href="https://codepen.io/HejChristian/full/ZYEqoXd" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/HejChristian/full/Z</span><span class="invisible">YEqoXd</span></a></p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a></p>
Otto Rask | Ehdokas 2025 Espoo<p>Se ois kuulkaas rekryhommat auki Fennoalla.</p><p>Etsin softatiimiini kahta hyvää tyyppiä, 1x mid- ja 1x senior-devaajaa. Perustaitoina tulisi olla PHP ja JS, mutta erityisesti sennun kohdalla kaipaan taitoja myös siitä koodin yläpuolelta. Sisartiimiin etsitään myös yhtä senior-devaajaa.</p><p>1/4</p><p>(Kaikki buustaukset tervetulleita!)</p><p><a href="https://piipitin.fi/tags/GetFediHired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GetFediHired</span></a> <a href="https://piipitin.fi/tags/FediRekry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FediRekry</span></a> <a href="https://piipitin.fi/tags/Fennoa" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fennoa</span></a> <a href="https://piipitin.fi/tags/Rekry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rekry</span></a> <a href="https://piipitin.fi/tags/Ty%C3%B6paikka" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Työpaikka</span></a> <a href="https://piipitin.fi/tags/Ty%C3%B6paikkailmoitus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Työpaikkailmoitus</span></a> <a href="https://piipitin.fi/tags/Ohjelmistokehitys" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ohjelmistokehitys</span></a> <a href="https://piipitin.fi/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP</span></a> <a href="https://piipitin.fi/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://piipitin.fi/tags/Taloushallinto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Taloushallinto</span></a> <a href="https://piipitin.fi/tags/Tilitoimisto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tilitoimisto</span></a></p>
Jared<p>So I should re <a href="https://aus.social/tags/introduce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduce</span></a> myself; used to host my own instance at artemai when that was a thing; decided to get back on Mastodon again because the rest of social is a dumpsterfire.</p><p>I'm a <a href="https://aus.social/tags/UNIX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UNIX</span></a> sysadm originally (from the late 90s) but started using <a href="https://aus.social/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> 🐧 in 91, bringing early ☎️ dialup internet to <a href="https://aus.social/tags/Newcastle" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Newcastle</span></a> with community group hunter <a href="https://aus.social/tags/apana" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apana</span></a>.</p><p>I'm a <a href="https://aus.social/tags/coder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coder</span></a>, <a href="https://aus.social/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>python</span></a> 🐍 is the go-to language these days, some <a href="https://aus.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> but plenty of <a href="https://aus.social/tags/C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>C</span></a> and some <a href="https://aus.social/tags/golang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>golang</span></a> too. </p><p>Ten years ago I landed in <a href="https://aus.social/tags/liveevents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>liveevents</span></a> and <a href="https://aus.social/tags/visionswitch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>visionswitch</span></a> / 📹 <a href="https://aus.social/tags/camera" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>camera</span></a> <a href="https://aus.social/tags/direct" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>direct</span></a> <a href="https://aus.social/tags/sports" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sports</span></a> presentation in major 🏟️ <a href="https://aus.social/tags/stadiums" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>stadiums</span></a> along with building software for data-driven <a href="https://aus.social/tags/content" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>content</span></a> for use in those environments.<br> <br>I'm a <a href="https://aus.social/tags/ham" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ham</span></a> 📻 radio operator. Callsign VK2WAY. I'm mostly interested in signals processing and digital communications.</p><p>I used to officiate 🛼<a href="https://aus.social/tags/RollerDerby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RollerDerby</span></a> but have streamed it since 2014 as Downunder Derby TV. I still manage socials for and help co-ordinate Queer Roller Derby - <span class="h-card" translate="no"><a href="https://tech.lgbt/@queerderby" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>queerderby</span></a></span>. </p><p>I'm <a href="https://aus.social/tags/queer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>queer</span></a> 🏳️‍🌈 <a href="https://aus.social/tags/pansexual" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pansexual</span></a> ❤️💛💙 <a href="https://aus.social/tags/poly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>poly</span></a> 👫👬 <a href="https://aus.social/tags/nonbinary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nonbinary</span></a> 💛🤍💜🖤 and use they/them pronouns.</p>
Aral Balkan<p>New Kitten release</p><p>• Now leaves &lt;style&gt; tags within &lt;template&gt; tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.</p><p>(Kitten’s Streaming HTML workflow¹ – which uses htmx and WebSockets under the hood – combined with built-in support for slots, etc., in Kitten components² means the use of declarative shadow DOM is mostly useful if you want scoped styles. Ideally, of course, use classes to scope styles to your components and be specific in your CSS selectors in general so as not to pollute elements in your components. Although that’s a bit like saying you should floss everyday. Yeah, we all know we should…) :)</p><p>Update: All that said, I’d highly recommend you don’t use Shadow DOM in your Kitten apps. For one thing, htmx’s WebSocket extension doesn’t seem to play well with it. And for another, you really don’t need it and definitely not just to get scoped CSS.</p><p>Enjoy!</p><p>:kitten:💕</p><p>¹ <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/streaming-html/</span></a><br>² <a href="https://kitten.small-web.org/tutorials/components-and-fragments/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/components-and-fragments/</span></a></p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.ar.al/tags/CSSScoping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSScoping</span></a> <a href="https://mastodon.ar.al/tags/ShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ShadowDOM</span></a> <a href="https://mastodon.ar.al/tags/shadowRoot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shadowRoot</span></a> <a href="https://mastodon.ar.al/tags/DOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DOM</span></a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.ar.al/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.ar.al/tags/style" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>style</span></a> <a href="https://mastodon.ar.al/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.ar.al/tags/declarativeShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>declarativeShadowDOM</span></a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a></p>
Ana Tudor 🐯<p>Someone hearted this button ripple effect demo on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> (coded about half a decade ago) and made me notice it still said "only works in Chromium" - as of last summer, it's cross-browser! 🥳🎉</p><p><a href="https://codepen.io/thebabydino/pen/LYZpEVy" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/LYZ</span><span class="invisible">pEVy</span></a></p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <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/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
CX-7<p>JS is everywhere, whether you like it or not<br><a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</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/meme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>meme</span></a> <a href="https://mastodon.social/tags/funny" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>funny</span></a></p>
Aral Balkan<p>New Kitten release</p><p>• Socket routes now have precendence in the router.</p><p>This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.</p><p>e.g., Previously, the following route:</p><p>/videos/index_[slug].page.js</p><p>Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.</p><p>Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).</p><p>Learn more about Kitten’s Streaming HTML workflow here:<br><a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/streaming-html/</span></a></p><p>Enjoy!</p><p>:kitten:💕</p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StreamingHTML</span></a> <a href="https://mastodon.ar.al/tags/routing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>routing</span></a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.ar.al/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a></p>
niu tech<p><span class="h-card" translate="no"><a href="https://front-end.social/@leaverou" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>leaverou</span></a></span> I've been using <a href="https://fosstodon.org/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> generators in my `showModalDialog` polyfill (see the source): <a href="https://niutech.github.io/showModalDialog/demo.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">niutech.github.io/showModalDia</span><span class="invisible">log/demo.html</span></a></p>
Marius Gundersen<p>I played around with <a href="https://mastodon.social/tags/viewtransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>viewtransitions</span></a> and <a href="https://mastodon.social/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathml</span></a> yesterday, and made this example of how to animate solving an equation. It was pretty straight forward to get to work, but I wish I had some control over the transitions. Now the elements move in a straight line, it would be cool of i could make them follow an arc. </p><p><a href="https://codepen.io/mariusgundersen/pen/EaxvjmQ" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/mariusgundersen/pen</span><span class="invisible">/EaxvjmQ</span></a></p><p><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a></p>
Alex Sexton<p>Still on the look out for work, contract or full time. Must be remote unless you have offices in Spain.</p><p>Over 20 years of experience doing: <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a>/UI, design (web, product, service), front-end (<a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a>, <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a>, <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a>), <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP</span></a> (<a href="https://mastodon.social/tags/kirby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>kirby</span></a>, <a href="https://mastodon.social/tags/craftcms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>craftcms</span></a>) and more recently <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a>, <a href="https://mastodon.social/tags/NextJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NextJS</span></a>.</p><p>My last project was NextJS with React - I did most of the things listed above. A design engineer or front-end designer role would be right up my street.</p><p>Would be nice if you do work that gives good belly feels.</p><p><a href="https://mastodon.social/tags/fedihired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fedihired</span></a></p>
katch wreck<p>the idea for this <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> library came from the experience of learning javascript by way of D3js, the well-known data visualization library by Bostock. When D3 came out, it triggered an incredible upswell of interest in the science and the art of data visualization, which (similarly to music) is one of the aspects of science that bridges the rational/creative or left/right brain kinds of divides. the reason i built Vizflow was because of the failure of a previous effort!</p><p><a href="https://github.com/vizflow/vizflow" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/vizflow/vizflow</span><span class="invisible"></span></a></p>
SpiderMonkey<p>Temporal is now enabled by default in <span class="h-card" translate="no"><a href="https://mastodon.social/@firefoxnightly" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>firefoxnightly</span></a></span>!</p><p><a href="https://mastodon.social/tags/Temporal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Temporal</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> </p><p><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1946823" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bugzilla.mozilla.org/show_bug.</span><span class="invisible">cgi?id=1946823</span></a></p>
Christophe<p>Little sketch using <a href="https://toots.niark.nexus/tags/p5js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>p5js</span></a> with the brush library ✨ </p><p><a href="https://gitea.com/Qaqelol/JS_Sketches/src/branch/main/MagicRitual" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">gitea.com/Qaqelol/JS_Sketches/</span><span class="invisible">src/branch/main/MagicRitual</span></a></p><p><a href="https://toots.niark.nexus/tags/processing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>processing</span></a> <a href="https://toots.niark.nexus/tags/creativeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativeCoding</span></a> <a href="https://toots.niark.nexus/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>art</span></a> <a href="https://toots.niark.nexus/tags/procedural" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>procedural</span></a> <a href="https://toots.niark.nexus/tags/openSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>openSource</span></a> <a href="https://toots.niark.nexus/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://toots.niark.nexus/tags/geometricShapes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geometricShapes</span></a> <a href="https://toots.niark.nexus/tags/astronomy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>astronomy</span></a> <a href="https://toots.niark.nexus/tags/magic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>magic</span></a> <a href="https://toots.niark.nexus/tags/stars" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>stars</span></a> <a href="https://toots.niark.nexus/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://toots.niark.nexus/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://toots.niark.nexus/tags/sketch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sketch</span></a></p>
Rose Newell (@RoseWroteThis)<p>🥜 PEANUTS FOR EVERYONE 🥜 </p><p>If you've ever tried to copy anything from my site, you'll have only found peanuts. But now I've decided to share the peanuts.</p><p>This code snippet will allow you to interrupt the standard right click and copy reaction and insert your own witty text, that'll then be copied to the copycat's clipboard.</p><p>Full snippet here, no attribution required.</p><p><a href="https://codewordcreative.com/human-copycats-will-only-collect-peanuts-code-snippet/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codewordcreative.com/human-cop</span><span class="invisible">ycats-will-only-collect-peanuts-code-snippet/</span></a></p><p><a href="https://berlin.social/tags/copycats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>copycats</span></a> <a href="https://berlin.social/tags/plagiarim" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plagiarim</span></a> <a href="https://berlin.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://berlin.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a> <a href="https://berlin.social/tags/codesnippet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codesnippet</span></a> <a href="https://berlin.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://berlin.social/tags/copyright" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>copyright</span></a></p>
Woods By The Sea<p>From Ryan Dahl:</p><p><a href="https://deno.com/blog/deno-v-oracle2" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">deno.com/blog/deno-v-oracle2</span><span class="invisible"></span></a></p><p><a href="https://fosstodon.org/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Jeremiah Lee<p>A former InVision colleague shared the competitive analysis of WYSIWYG editors for JavaScript apps they did for Liveblocks.</p><p>Worth a read if you are evaluating Tiptap, Lexical, BlockNote, Slate, et al.</p><p><a href="https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025?ref=activitypub" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">liveblocks.io/blog/which-rich-</span><span class="invisible">text-editor-framework-should-you-choose-in-2025?ref=activitypub</span></a></p><p><a href="https://alpaca.gold/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://alpaca.gold/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a></p>
Profoundly Nerdy<p>All languages have life cycles. Hell, some even go dormant and become popular — or unexpectedly critical – again. </p><p>What would qualities would a language need to have to eventually threaten Python's dominance? My fear is any innovative ideas will just get absorbed. Yes, I realize much of <a href="https://bitbang.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a>'s muscle is marketing by big industry players.</p><p><a href="https://bitbang.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://bitbang.social/tags/perl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>perl</span></a> <a href="https://bitbang.social/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>python</span></a> <a href="https://bitbang.social/tags/raku" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>raku</span></a> <a href="https://bitbang.social/tags/forth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>forth</span></a> <a href="https://bitbang.social/tags/assembly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>assembly</span></a> <a href="https://bitbang.social/tags/cplusplus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cplusplus</span></a> <a href="https://bitbang.social/tags/cpp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cpp</span></a> <a href="https://bitbang.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://bitbang.social/tags/fortran" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fortran</span></a> <a href="https://bitbang.social/tags/cobol" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cobol</span></a> <a href="https://bitbang.social/tags/BASIC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BASIC</span></a> <a href="https://bitbang.social/tags/nimlang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nimlang</span></a> <a href="https://bitbang.social/tags/golang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>golang</span></a></p>
//devdigest<p>⚡️ Introducing Azure OpenAI Realtime API Support in JavaScript</p><p>🏷️ <a href="https://mastodon.social/tags/devdigest" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>devdigest</span></a> <a href="https://mastodon.social/tags/cloud" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cloud</span></a> <a href="https://mastodon.social/tags/azure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>azure</span></a> <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/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a></p><p><a href="https://devdigest.today/goto/3368" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">devdigest.today/goto/3368</span><span class="invisible"></span></a></p>
SpeedCurve<p>Do you know if third-party scripts are hurting the speed of your pages – and your users' experience? Learn how to:</p><p>👉 Audit third parties on your pages<br>👉 Understand third-party <a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webperf</span></a> metrics<br>👉 Track scripts and prevent regressions<br>👉 Make third-party providers accountable</p><p><a href="https://www.speedcurve.com/web-performance-guide/third-party-web-performance/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">speedcurve.com/web-performance</span><span class="invisible">-guide/third-party-web-performance/</span></a> </p><p><a href="https://webperf.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://webperf.social/tags/sitespeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sitespeed</span></a> <a href="https://webperf.social/tags/pagespeed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pagespeed</span></a> <a href="https://webperf.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://webperf.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>