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

Administered by:

Server stats:

267
active users

#js

2 posts2 participants0 posts today
Pascal Laliberté<p>Can you guys help me find this:</p><p>There was an animation toolkit that was tailwind-like that I saw 6-7 months ago. It might have been animxyz, but I don't think that was it.</p><p>Used html attributes I think, not css classes. JS-based, declarative.</p><p><a href="https://ruby.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://ruby.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> <a href="https://ruby.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a></p>
Thomas Weibel<p>Web app "Meton" calculating lunar phases, with enhanced eclipse prediction indicators for both lunar and solar eclipses. DM me for more details.</p><p><a href="https://www.thomasweibel.ch/meton/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">thomasweibel.ch/meton/</span><span class="invisible"></span></a></p><p><a href="https://swiss.social/tags/moon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>moon</span></a> <a href="https://swiss.social/tags/history" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>history</span></a> <a href="https://swiss.social/tags/antiquity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>antiquity</span></a> <a href="https://swiss.social/tags/astronomy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>astronomy</span></a> <a href="https://swiss.social/tags/mathematics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mathematics</span></a> <a href="https://swiss.social/tags/physics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>physics</span></a> <a href="https://swiss.social/tags/astrophysics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>astrophysics</span></a> <a href="https://swiss.social/tags/mechanics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mechanics</span></a> <a href="https://swiss.social/tags/simulation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>simulation</span></a> <a href="https://swiss.social/tags/opendata" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opendata</span></a> <a href="https://swiss.social/tags/openglam" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openglam</span></a> <a href="https://swiss.social/tags/openeducation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openeducation</span></a> <a href="https://swiss.social/tags/digitalhumanities" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>digitalhumanities</span></a> <a href="https://swiss.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://swiss.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://swiss.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://swiss.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://swiss.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a></p>
.:\dGh/:.<p>One thing I want from <a href="https://mastodon.social/tags/GitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHub</span></a>.</p><p><a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Microsoft" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Microsoft</span></a> <a href="https://mastodon.social/tags/Git" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Git</span></a> <a href="https://mastodon.social/tags/Ban" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Ban</span></a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SoftwareDevelopment</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/AppDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppDevelopment</span></a> <a href="https://mastodon.social/tags/AppDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppDev</span></a> <a href="https://mastodon.social/tags/Rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rust</span></a> <a href="https://mastodon.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Javascript</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/Golang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Golang</span></a> <a href="https://mastodon.social/tags/CPlusPlus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CPlusPlus</span></a> <a href="https://mastodon.social/tags/C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>C</span></a> <a href="https://mastodon.social/tags/Swift" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Swift</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a> <a href="https://mastodon.social/tags/Java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Java</span></a> <a href="https://mastodon.social/tags/Ruby" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Ruby</span></a></p>
Ana Tudor 🐯<p>2️⃣ `feColorMatrix`: swap channels ☆ interactive demo, adaptive layout - check it out on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/full/QWopRMK" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/full/QW</span><span class="invisible">opRMK</span></a></p><p>An interactive, responsive demo illustrating how `feColorMatrix` can be used to swap channels. Another very special one.</p><p><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/interactive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interactive</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGrid</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssLayout</span></a> </p><p>Behind the demo <a href="https://mastodon.social/@anatudor/112242678457752295" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@anatudor/1122</span><span class="invisible">42678457752295</span></a></p>
Wolfram wants peace<p><span class="h-card" translate="no"><a href="https://narrativ.es/@janl" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>janl</span></a></span> yep, that's what I am using too, but its just way more code and less intuitive.<br>but i understand the <a href="https://mastodontech.de/tags/bc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bc</span></a> reasons in <a href="https://mastodontech.de/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> and I think knowing this it is amazing what was added to <a href="https://mastodontech.de/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> over time, still the python way is nicer imho</p>
Coach Spore Diesel<p><span class="h-card" translate="no"><a href="https://mas.to/@angiebaby" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>angiebaby</span></a></span> </p><p>Well, I like these features from the get-go.</p><p><a href="https://spore.social/tags/SearchEngine" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SearchEngine</span></a> <a href="https://spore.social/tags/MarginaliaSearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MarginaliaSearch</span></a> <a href="https://spore.social/tags/Marginalia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Marginalia</span></a> <a href="https://spore.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://spore.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://spore.social/tags/ads" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ads</span></a> <a href="https://spore.social/tags/tracking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tracking</span></a> <a href="https://spore.social/tags/cookies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cookies</span></a></p>
Eric A. Meyer<p>A frustration question: is there a method (or whatever) in <a href="https://mastodon.social/tags/DOM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DOM</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> to get the computed pixel equivalent of a given <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> length value? Even better, of a given CSS length-percentage value? I’m doing a thing where converting to pixels is necessary for understanding, but I don’t want to have to write my own unit conversion code if I can possibly avoid it. Yes, including the “create an element, assign it the value you want, count the pixels” conversion hack.</p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://infosec.exchange/@ryanc" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ryanc</span></a></span> how do you handle browsers that don't do <a href="https://infosec.space/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> like <a href="https://infosec.space/tags/LynxBrowser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LynxBrowser</span></a>?</p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://infosec.exchange/@ryanc" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ryanc</span></a></span> using <a href="https://infosec.space/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://infosec.space/tags/Malware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Malware</span></a> to protect against <a href="https://infosec.space/tags/Bots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bots</span></a> is just as bad as <a href="https://infosec.space/tags/CryptoJacking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CryptoJacking</span></a>.</p><ul><li>Noone gives a shit whether it's <a href="https://infosec.space/tags/shitcoins" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shitcoins</span></a> or <em>"<a href="https://infosec.space/tags/DDoS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DDoS</span></a> protection"</em> that makes fan go brr and battery go empty in the end!</li></ul>
𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕<p>NaaS – No-as-a-Service</p><p>No-as-a-Service (NaaS) is a simple API that returns a random rejection reason. Use it when you need a realistic excuse, a fun “no,” or want to simulate being turned down in style.</p><p>❌ <a href="https://github.com/hotheadhacker/no-as-a-service" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/hotheadhacker/no-as</span><span class="invisible">-a-service</span></a></p><p><a href="https://chaos.social/tags/naas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>naas</span></a> <a href="https://chaos.social/tags/noasaservice" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noasaservice</span></a> <a href="https://chaos.social/tags/api" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>api</span></a> <a href="https://chaos.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://chaos.social/tags/http" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>http</span></a> <a href="https://chaos.social/tags/json" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>json</span></a> <a href="https://chaos.social/tags/random" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>random</span></a> <a href="https://chaos.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://chaos.social/tags/no" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>no</span></a> <a href="https://chaos.social/tags/reaction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reaction</span></a> <a href="https://chaos.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> <a href="https://chaos.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://chaos.social/tags/nonsense" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nonsense</span></a> <a href="https://chaos.social/tags/asaservice" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>asaservice</span></a> <a href="https://chaos.social/tags/joke" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>joke</span></a></p>
Ana Tudor 🐯<p>5️⃣ 850 ♥️ No SVG, no image fluid slider <a href="https://codepen.io/thebabydino/pen/qByGqOm" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/qBy</span><span class="invisible">GqOm</span></a></p><p><a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> used only for<br>a) feature support detection<br>b) updating slider value in --val</p><p>Uses only<br>1 × input[type=range] for actual slider<br>1 × output for current value display<br>1 × datalist for ruler</p><p>One of my best sliders on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span>. </p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/slider" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>slider</span></a> <a href="https://mastodon.social/tags/rangeInput" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rangeInput</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGrid</span></a> <a href="https://mastodon.social/tags/cssMask" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssMask</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGradient</span></a></p>
Aral Balkan<p>PS. Here’s the source code:</p><p><a href="https://codeberg.org/small-tech/site/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codeberg.org/small-tech/site/</span><span class="invisible"></span></a></p><p>Interesting places to look include:</p><p>• <a href="https://codeberg.org/small-tech/site/src/branch/main/admin%F0%9F%94%92" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/main/admin%F0%9F%94%92</span></a></p><p>• <a href="https://codeberg.org/small-tech/site/src/branch/main/fund-us" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/main/fund-us</span></a></p><p>• <a href="https://codeberg.org/small-tech/site/src/branch/main/app_modules" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/main/app_modules</span></a></p><p>• <a href="https://codeberg.org/small-tech/site/src/branch/main/Main.layout.js" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/main/Main.layout.js</span></a></p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.ar.al/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a></p>
Marc Amos<p>I wrote a quick thing about how I use <a href="https://front-end.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> in an <a href="https://front-end.social/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> shortcode to calculate the number of years since a given date, which keeps some of my content accurate as time passes (which it keeps doing [ugh]):</p><p><a href="https://marcamos.com/journal/years-since/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">marcamos.com/journal/years-sin</span><span class="invisible">ce/</span></a></p>
Brian LeRoux 💚<p>shopify embracing web components. lightdom web components no less. </p><p>love to see it.</p><p><a href="https://indieweb.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webcomponents</span></a> <a href="https://indieweb.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://indieweb.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://indieweb.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a></p>
Ana Tudor 🐯<p>4️⃣ 909 ♥️ neon hex <a href="https://codepen.io/thebabydino/pen/zGmdep" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/zGm</span><span class="invisible">dep</span></a></p><p>Most people know my CSS stuff, but this was my most hearted <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> demo for some three quarters of a decade... and it's a <a href="https://mastodon.social/tags/canvas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>canvas</span></a> one! The <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> feels dated nowadays, but oh, well... still got a soft spot for this one.</p><p><a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/hexGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hexGrid</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geometry</span></a></p>
Ana Tudor 🐯<p>Here's a little image gallery demo I made on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> <br><a href="https://codepen.io/thebabydino/pen/LEYrVaE" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/LEY</span><span class="invisible">rVaE</span></a></p><p>Almost pure <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a>. Minimal <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> for changing the index of the current image on click.</p><p>For the how ensuring the <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3D</span></a> rotated side images have a given 2D projection on the screen, see <a href="https://stackoverflow.com/a/75063640/1397351" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">stackoverflow.com/a/75063640/1</span><span class="invisible">397351</span></a></p><p><a href="https://mastodon.social/tags/cssTransforms" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssTransforms</span></a> <a href="https://mastodon.social/tags/cssTransform" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssTransform</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/Maths" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Maths</span></a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geometry</span></a></p>
MBelcher<p>Time for a new <a href="https://mastodon.xyz/tags/introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>introduction</span></a>:</p><p>Hi, I'm Michael and I’m on a <a href="https://mastodon.xyz/tags/jobsearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobsearch</span></a>.</p><p>For the past ten years I’ve been a full stack <a href="https://mastodon.xyz/tags/webDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDeveloper</span></a> for a company in <a href="https://mastodon.xyz/tags/Nashville" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nashville</span></a> that sells <a href="https://mastodon.xyz/tags/prepping" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>prepping</span></a> supplies. </p><p>They went from a startup to a well-established brand, then the economy started collapsing.<br>
I love working with <a href="https://mastodon.xyz/tags/vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vue</span></a> and <a href="https://mastodon.xyz/tags/nuxt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nuxt</span></a>, but I’m great with <a href="https://mastodon.xyz/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> and pretty much any modern <a href="https://mastodon.xyz/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> framework. </p><p>Open to <a href="https://mastodon.xyz/tags/remoteWork" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>remoteWork</span></a> in the US and local in-office work in the <a href="https://mastodon.xyz/tags/nashvilleTN" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nashvilleTN</span></a> area. </p><p><a href="https://mastodon.xyz/tags/FediHire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediHire</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://existiert.ch/@leberschnitzel" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>leberschnitzel</span></a></span> shure. Take your time. </p><ul><li>Usually the most effective solutions are further away from said webserver.</li></ul><p>Espechally since <a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> gets universally blocked by users of <span class="h-card" translate="no"><a href="https://mastodon.social/@torproject" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>torproject</span></a></span> / <a href="https://infosec.space/tags/TorBrowser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TorBrowser</span></a> like myself simply because <em>every single piece of <a href="https://infosec.space/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a></em> I came across was not <em>"technically necessary"</em> if not outright <a href="https://infosec.space/tags/malware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>malware</span></a> designed to do <a href="https://infosec.space/tags/Cryptojacking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cryptojacking</span></a>, <a href="https://infosec.space/tags/BrowserFingerprinting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BrowserFingerprinting</span></a> and/or steal logins.</p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://mastodon.social/@olafurw" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>olafurw</span></a></span> not necessarily...</p><ul><li>Some langugauges get interpreted directly (<a href="https://infosec.space/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a>, <a href="https://infosec.space/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a>), some use bytecode (<a href="https://infosec.space/tags/Java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Java</span></a>) and some compile directly to target hardware+dependencies (<a href="https://infosec.space/tags/C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>C</span></a>, <a href="https://infosec.space/tags/asm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>asm</span></a>, <a href="https://infosec.space/tags/Rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rust</span></a>)…</li></ul>
Tammy Everts<p>This month's performance hero is a person after my own heart – someone who is passionate about building a secure, accessible, performant web for EVERYONE, and who always leads with a deep compassion for users. Let's all join in celebrating Alex Russell (<span class="h-card" translate="no"><a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>slightlyoff</span></a></span>)!</p><p><a href="https://www.speedcurve.com/blog/performance-hero-alex-russell/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">speedcurve.com/blog/performanc</span><span class="invisible">e-hero-alex-russell/</span></a></p><p><a href="https://webperf.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webperf</span></a> <a href="https://webperf.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://webperf.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://webperf.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a></p>