comicscamp.club is part of the decentralized social network powered by Mastodon.
A friendly home in the Fediverse for creators and lovers of comics and narrative art of all sorts.

Server stats:

27
active users

Learn more

#js

4 posts3 participants0 posts today
Ana Tudor 🐯<p>Made this a couple of years ago 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> but for some reason never shared it: a hopefully accessible base for a smooth elastic dropdown <a href="https://codepen.io/thebabydino/pen/qBJENKM" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/qBJ</span><span class="invisible">ENKM</span></a></p><p>Based on a thing at a now dead link which did something of the kind with a huge div soup.</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/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dropdown</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/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</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>
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>
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>
Pedro Piñera<p>"We’re gambling that the velocity gain from this new tool will not be lost to its maintenance burden"</p><p><a href="https://allenpike.com/2025/javascript-fatigue-ssr" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">allenpike.com/2025/javascript-</span><span class="invisible">fatigue-ssr</span></a><br><a href="https://mastodon.pepicrft.me/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a></p>
alexandra<p>this is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> fun: things like the <a href="https://tilde.zone/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a>, the fediverse, the <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a>, and efforts to actively fight <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>enshittification</span></a>. submissions are open until MARCH 15.</p><p>check the submission guidelines or sign up for email alerts to be notified when we publish in may!</p><p><a href="https://goodinternetmagazine.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">goodinternetmagazine.com</span><span class="invisible"></span></a></p><p>if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital <a href="https://tilde.zone/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>art</span></a> piece, if you're passionate about the <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a> and want to write about it! :) bloggers, it's your time to shine!~ </p><p>i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!</p><p>thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. ❤️ please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.</p><p>thank you! 🤟 </p><p>original post: <a href="https://tilde.zone/@xandra/113913277766098384" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tilde.zone/@xandra/11391327776</span><span class="invisible">6098384</span></a></p><p><a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writing</span></a> <a href="https://tilde.zone/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://tilde.zone/tags/personalweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalweb</span></a> <a href="https://tilde.zone/tags/personalwebsites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsites</span></a> <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://tilde.zone/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://tilde.zone/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://tilde.zone/tags/magazine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>magazine</span></a> <a href="https://tilde.zone/tags/publishing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>publishing</span></a> <a href="https://tilde.zone/tags/codingisart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codingisart</span></a> <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indie</span></a> <a href="https://tilde.zone/tags/writers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writers</span></a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fediverse</span></a> <a href="https://tilde.zone/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://tilde.zone/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalart</span></a> <a href="https://tilde.zone/tags/artist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artist</span></a></p>
Alvaro Montoro<p>10 Cool CodePen Demos from February 2025<br><a href="https://alvaromontoro.com/10-cool-codepen-demos/2025/02/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">alvaromontoro.com/10-cool-code</span><span class="invisible">pen-demos/2025/02/</span></a></p><p>An homage to Studio Ghibli, custom ranges, web components, web games, CSS art, mix blend modes showcases... and more!</p><p><a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://front-end.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://front-end.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://front-end.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</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>
Florimond Manca (en)<p>Am I crazy for pushing back on "<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/SPA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SPA</span></a> frontend by default"?</p><p>For 2 years I have been working for the French public service on a business logic app, mostly lists and forms with neat UX.</p><p>The tech is boring. PHP, Symfony, Twig templates. Treat: Turbo, Stimulus, custom elements, for those required bits of interactivity.</p><p>Hell it works. It's fast. It doesn't break. Been updating deps monthly w/o breaking changes. Never had to rewrite!</p><p>Am I crazy, or are we fooled by the JS industrial complex?</p>
That HTML Blog & The Spicy Web<p>Y'all, I'm not done with squircles! 😅</p><p>A few days ago I demonstrated utilizing <a href="https://intuitivefuture.com/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> clip-path and SVG data to round the corners of an element in a more attractive manner.</p><p>That <a href="https://intuitivefuture.com/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebComponents</span></a> demo turned out well, but it got me thinking I might attempt to “squirclize” a grid of thumbnail images, which eventually led me to the html-squircle <a href="https://intuitivefuture.com/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> library for generating refined curve paths.</p><p>Now this looks pretty fun! 🥳 <a href="https://intuitivefuture.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a></p><p><a href="https://thathtml.blog/2025/01/squircle-images-on-the-loose/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thathtml.blog/2025/01/squircle</span><span class="invisible">-images-on-the-loose/</span></a></p>
James Basoo<p>I just gave a presentation in our company meeting on my <a href="https://mastodon.social/tags/ScrollDrivenAnimations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScrollDrivenAnimations</span></a> and <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ViewTransitions</span></a> prototypes and now I think I need a lie down. <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></p>
SpiderMonkey<p><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/Temporal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Temporal</span></a> is coming.</p><p>It's already available 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> behind the `javascript.options.experimental.temporal` pref in about:config.</p><p>MDN blog post about Temporal: <a href="https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/javascript-temporal-is-coming/</span></a></p>
claas<p>No way we had valueAsDate and valueAsNumber for inputs all this time???<br><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/valueAsDate" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/API/HTMLInputElement/valueAsDate</span></a><br><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/valueAsNumber" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/API/HTMLInputElement/valueAsNumber</span></a></p><p><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/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a></p>
Chris Heilmann<p>Did you know that checking if end users want animations or not in your app is a JS one liner? <br><a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://toot.cafe/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a></p>
Qirolab<p>Supercharge your Linux experience? 🚀 Check out our guide on how to grant passwordless sudo access for specific commands. It's easier than you think!</p><p><a href="https://mastodon.social/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> <a href="https://mastodon.social/tags/Sudo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sudo</span></a> <a href="https://mastodon.social/tags/Security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Security</span></a> <a href="https://mastodon.social/tags/linuxTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linuxTips</span></a> <a href="https://mastodon.social/tags/Ubuntu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ubuntu</span></a> <a href="https://mastodon.social/tags/DeveloperTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DeveloperTools</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/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</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/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/freeCodeCamp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>freeCodeCamp</span></a> <a href="https://mastodon.social/tags/CodeNewbies" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbies</span></a></p><p>👉 <a href="https://qirolab.com/posts/how-to-grant-passwordless-sudo-for-specific-commands-on-linux" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">qirolab.com/posts/how-to-grant</span><span class="invisible">-passwordless-sudo-for-specific-commands-on-linux</span></a></p>
Aral Balkan<p>Gosh I do love how elegant Playwright + my little Kitten¹ process helper makes it to write end-to-end tests.</p><p>Check out the tests for the peer-to-peer web (Small Web) end-to-end encrypted chat example²:</p><p><a href="https://codeberg.org/kitten/app/src/branch/main/tests/end-to-end/peer-to-peer.spec.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/kitten/app/src/br</span><span class="invisible">anch/main/tests/end-to-end/peer-to-peer.spec.js</span></a></p><p>That handles the setting up of two instances (place1.localhost:498 and place2.localhost:499) and tests the sending of end-to-end encrypted messages between them.</p><p>:kitten:💕</p><p>¹ <a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kitten.small-web.org</span><span class="invisible"></span></a><br>² <a href="https://codeberg.org/kitten/app/src/branch/main/examples/streaming-html/kitten-chat/animated-end-to-end-encrypted" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/kitten/app/src/br</span><span class="invisible">anch/main/examples/streaming-html/kitten-chat/animated-end-to-end-encrypted</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/peerToPeer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>peerToPeer</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/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a></p>
Pale Moon web browserWant to help improve an independent <a class="hashtag" href="https://outerheaven.club/tag/web" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a class="hashtag" href="https://outerheaven.club/tag/browser" rel="nofollow noopener noreferrer" target="_blank">#browser</a>'s web compatibility AND get paid? We've just marked two high priority issues in the <a class="hashtag" href="https://outerheaven.club/tag/unifiedxulplatform" rel="nofollow noopener noreferrer" target="_blank">#UnifiedXULPlatform</a> as eligible for bounty payment: <a href="https://repo.palemoon.org/MoonchildProductions/UXP/issues?labels=280" rel="nofollow noopener noreferrer" target="_blank">https://repo.palemoon.org/MoonchildProductions/UXP/issues?labels=280</a><br><br><a class="hashtag" href="https://outerheaven.club/tag/palemoon" rel="nofollow noopener noreferrer" target="_blank">#PaleMoon</a> <a class="hashtag" href="https://outerheaven.club/tag/uxp" rel="nofollow noopener noreferrer" target="_blank">#UXP</a> <a class="hashtag" href="https://outerheaven.club/tag/html" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a class="hashtag" href="https://outerheaven.club/tag/js" rel="nofollow noopener noreferrer" target="_blank">#JS</a> <a class="hashtag" href="https://outerheaven.club/tag/javascript" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a class="hashtag" href="https://outerheaven.club/tag/webbrowser" rel="nofollow noopener noreferrer" target="_blank">#webbrowser</a>
lukaszkups<p>Hello PARTIKLE! <a href="https://lukaszkups.net/notes/hello-partikle/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lukaszkups.net/notes/hello-par</span><span class="invisible">tikle/</span></a></p><p><a href="https://mastodon.social/tags/devlog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>devlog</span></a> <a href="https://mastodon.social/tags/partikle" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>partikle</span></a> <a href="https://mastodon.social/tags/particlejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>particlejs</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> <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/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a></p>
Jen Simmons<p>Safari 18.2 beta includes a *lot* of yummy new features for web designers and developers. My personal favorites include `text-box-trim` and `border-clip: border-area`. </p><p>If you make websites, we’d love for you to test it out! File any issues at bugs.webkit.org or feedbackassistant.apple.com. Ping me with link/FB number for extra attention. </p><p><a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://front-end.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://front-end.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://front-end.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://front-end.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> </p><p><a href="https://developer.apple.com/documentation/safari-release-notes/safari-18_2-release-notes" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.apple.com/documentat</span><span class="invisible">ion/safari-release-notes/safari-18_2-release-notes</span></a></p>
Jake Hamilton<p>Hi everyone, I am now looking for full-time work! If you have a remote Software Engineer position available and work with <a href="https://hachyderm.io/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> web tech (<a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> / <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> / <a href="https://hachyderm.io/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> / <a href="https://hachyderm.io/tags/TS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TS</span></a> / <a href="https://hachyderm.io/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a>, etc), <a href="https://hachyderm.io/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> (or <a href="https://hachyderm.io/tags/Bun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bun</span></a> / <a href="https://hachyderm.io/tags/Deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Deno</span></a> ), <a href="https://hachyderm.io/tags/Kubernetes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kubernetes</span></a>, or <a href="https://hachyderm.io/tags/Nix" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nix</span></a> / <a href="https://hachyderm.io/tags/NixOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NixOS</span></a> then please reach out! I love building tools to solve problems and delight users.</p><p>For examples of my previous work, links to my projects, and my resume, please see my website: <a href="https://jakehamilton.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">jakehamilton.dev</span><span class="invisible"></span></a></p><p>Boosts very much appreciated!</p><p><a href="https://hachyderm.io/tags/FediHire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FediHire</span></a> <a href="https://hachyderm.io/tags/GetFediHired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GetFediHired</span></a></p>
Lanie Carmelo<p>Hi all. Almost done with my project to build a dice game with <a href="https://tweesecake.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> on <a href="https://tweesecake.social/tags/freeCodeCamp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>freeCodeCamp</span></a>, but I'm stuck yet again. I feel like I'm doing what this challenge says to do, but my tests keep failing. Link to post with <a href="https://tweesecake.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> on freeCodeCamp forum: <a href="https://forum.freecodecamp.org/t/review-algorithmic-thinking-by-building-a-dice-game-step-14/716885" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">forum.freecodecamp.org/t/revie</span><span class="invisible">w-algorithmic-thinking-by-building-a-dice-game-step-14/716885</span></a><br>Link to challenge: <a href="https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8/review-algorithmic-thinking-by-building-a-dice-game/step-14" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">freecodecamp.org/learn/javascr</span><span class="invisible">ipt-algorithms-and-data-structures-v8/review-algorithmic-thinking-by-building-a-dice-game/step-14</span></a><br>Just posting this everywhere I can in hopes to find someone who can help. Lol I've reviewed my code several times and I'm still stuck.<br><a href="https://tweesecake.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://tweesecake.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://tweesecake.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://tweesecake.social/tags/learningToProgram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>learningToProgram</span></a> <a href="https://tweesecake.social/tags/learningToCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>learningToCode</span></a></p>