social.tulsa.ok.us is one of the many independent Mastodon servers you can use to participate in the fediverse.
Green Country's regional fediverse instance.

Server stats:

14
active users

#js

4 posts4 participants2 posts today
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>
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>
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>
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>
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>
Dylan </closingtags.com><p>Reintro!</p><p>I'm Dylan, a <a href="https://mastodon.social/tags/fullstack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fullstack</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> from the Midwest, US. I like working with <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> and <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> so much that I wrote a book about <a href="https://mastodon.social/tags/sveltekit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sveltekit</span></a>! I've also worked extensively with <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>php</span></a> and <a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WordPress</span></a> but try to avoid the latter if I can.</p><p>I spend my days in the terminals of various <a href="https://mastodon.social/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> machines and tweaking my <a href="https://mastodon.social/tags/Vim" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vim</span></a> config. I automate my <a href="https://mastodon.social/tags/homelab" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>homelab</span></a> with <a href="https://mastodon.social/tags/ansible" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ansible</span></a>. I write about web dev on my <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a>.</p><p>I enjoy <a href="https://mastodon.social/tags/pcgaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pcgaming</span></a> and will occasionally <a href="https://mastodon.social/tags/shitpost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shitpost</span></a> and boost <a href="https://mastodon.social/tags/memes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>memes</span></a> so brace yourself.</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>
jmsfbs<p>I'm James, I've only recently started using Mastodon. Mainly after <a href="https://mastodon.social/tags/cohost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cohost</span></a> shut down.</p><p>I love <a href="https://mastodon.social/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>music</span></a>. I play guitar and sing, solo and in a band. I live in the <a href="https://mastodon.social/tags/bluemountains" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bluemountains</span></a> in Australia. </p><p>I'm also a software dev who's pretty active in the <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> ecosystem. I love <a href="https://mastodon.social/tags/postgres" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>postgres</span></a> and <a href="https://mastodon.social/tags/duckdb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>duckdb</span></a> I used to be more active in <a href="https://mastodon.social/tags/fp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fp</span></a> spaces but not so much now.</p><p>Completely as a hobby I'm interested in <a href="https://mastodon.social/tags/gamedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamedev</span></a> / <a href="https://mastodon.social/tags/gamedesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamedesign</span></a> </p><p>I'm fairly <a href="https://mastodon.social/tags/left" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>left</span></a> leaning but I don't get too political online.</p><p><a href="https://mastodon.social/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</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>
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>
Viktor Nagornyy<p>If you're an <a href="https://fosstodon.org/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a> maintainer, how have you tried monetizing or earning income with your project? </p><p>Donations, paid support, crowdfunding, etc. </p><p>Would love to learn more. Working on my presentation for <a href="https://fosstodon.org/tags/AllThingsOpen2024" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AllThingsOpen2024</span></a> 🙂</p><p>Boosts highly appreciated 🙏 </p><p><a href="https://fosstodon.org/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSS</span></a> <a href="https://fosstodon.org/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> <a href="https://fosstodon.org/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a> <a href="https://fosstodon.org/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP</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/Rust" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rust</span></a> <a href="https://fosstodon.org/tags/oss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oss</span></a></p>
Harry W.<p>Wanted to have some animated text, and this library is incredibly complete!</p><p><a href="https://www.typeitjs.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">typeitjs.com</span><span class="invisible"></span></a></p><p><a href="https://mstdn.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mstdn.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mstdn.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a></p>
Quinn Comendant<p>Advice on “Building a robust frontend using progressive enhancement” from uk.gov (h/t <span class="h-card" translate="no"><a href="https://fedi.simonwillison.net/@simon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>simon</span></a></span>):</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/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://mastodon.social/tags/BestPractice" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BestPractice</span></a></p>
Godzilla Giroflex<p>Li "Estruturas de Dados e Algoritmos Com JavaScript"</p><p><a href="https://gmgall.net/books/estruturas-de-dados-e-algoritmos-com-js/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">gmgall.net/books/estruturas-de</span><span class="invisible">-dados-e-algoritmos-com-js/</span></a></p><p><a href="https://ursal.zone/tags/books" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>books</span></a> <a href="https://ursal.zone/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://ursal.zone/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://ursal.zone/tags/algorithms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>algorithms</span></a> <a href="https://ursal.zone/tags/oo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oo</span></a></p>
Keith J Grant<p>📚 It's here! CSS in Depth Second Edition is now available in print! 📘</p><p>Use code pbgrant3 to get 45% off and get up to date with the latest CSS has to offer: <a href="https://shortener.manning.com/a1Qx" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">shortener.manning.com/a1Qx</span><span class="invisible"></span></a></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/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</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></p>
melanie kat<p>Hey friends. I'm a talented trans front-end engineer with over a decade of experience working on products you probably have used. I love JavaScript, TypeScript, React, CSS, accessibility, and other web technologies. I recently relocated to Portland, Oregon, and I'm looking for a full time remote job making the internet a better place.</p><p><a href="https://melaniekat.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">melaniekat.com/</span><span class="invisible"></span></a></p><p><a href="https://nyan.lol/tags/fedihire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fedihire</span></a> <a href="https://nyan.lol/tags/hireme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hireme</span></a> <a href="https://nyan.lol/tags/job" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>job</span></a> <a href="https://nyan.lol/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://nyan.lol/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://nyan.lol/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a></p>
Christophe<p>Here is the code for the sketch <br> <a href="https://gitea.com/Qaqelol/JS_Sketches/src/branch/main/SketchyCircles" 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/SketchyCircles</span></a></p><p><a href="https://toots.niark.nexus/tags/git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>git</span></a> <a href="https://toots.niark.nexus/tags/gitea" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gitea</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/mit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mit</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/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://toots.niark.nexus/tags/sketch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sketch</span></a></p>
Christophe<p>First time using <a href="https://toots.niark.nexus/tags/p5js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>p5js</span></a> ! </p><p>Hopefully I will manage to do more than circles :m_shy: </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/Digital" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Digital</span></a> <a href="https://toots.niark.nexus/tags/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Javascript</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/brush" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>brush</span></a> <a href="https://toots.niark.nexus/tags/sketch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sketch</span></a> <a href="https://toots.niark.nexus/tags/abstract" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstract</span></a></p>