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:

266
active users

#webdevelopment

13 posts11 participants0 posts today
IT News<p>ChatGPT made up a product feature out of thin air, so this company created it - On Monday, sheet music platform Soundslice says it developed... - <a href="https://arstechnica.com/ai/2025/07/chatgpt-made-up-a-product-feature-out-of-thin-air-so-this-company-created-it/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">arstechnica.com/ai/2025/07/cha</span><span class="invisible">tgpt-made-up-a-product-feature-out-of-thin-air-so-this-company-created-it/</span></a> <a href="https://schleuss.online/tags/largelanguagemodels" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>largelanguagemodels</span></a> <a href="https://schleuss.online/tags/productdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>productdevelopment</span></a> <a href="https://schleuss.online/tags/aimisinformation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aimisinformation</span></a> <a href="https://schleuss.online/tags/aiconfabulation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aiconfabulation</span></a> <a href="https://schleuss.online/tags/aihallucination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aihallucination</span></a> <a href="https://schleuss.online/tags/machinelearning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>machinelearning</span></a> <a href="https://schleuss.online/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://schleuss.online/tags/generativeai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generativeai</span></a> <a href="https://schleuss.online/tags/soundslice" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>soundslice</span></a> <a href="https://schleuss.online/tags/chatgpt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>chatgpt</span></a> <a href="https://schleuss.online/tags/biz" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>biz</span></a>⁢ <a href="https://schleuss.online/tags/openai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openai</span></a> <a href="https://schleuss.online/tags/music" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>music</span></a> <a href="https://schleuss.online/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ai</span></a></p>
Scripter :verified_flashing:<p>30 Years of JavaScript: 10 Milestones That Changed the Web - The New Stack<br><a href="https://thenewstack.io/30-years-of-javascript-10-milestones-that-changed-the-web/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thenewstack.io/30-years-of-jav</span><span class="invisible">ascript-10-milestones-that-changed-the-web/</span></a> <a href="https://social.tchncs.de/tags/ProgrammingLanguage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgrammingLanguage</span></a> <a href="https://social.tchncs.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://social.tchncs.de/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://social.tchncs.de/tags/ProgressiveWebApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgressiveWebApp</span></a> <a href="https://social.tchncs.de/tags/PWA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PWA</span></a></p>
Kevin Karhan :verified:<p>Nobody: "How much bullshit can we shove into our website?"</p><p><a href="https://infosec.space/tags/deel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>deel</span></a>: <em>YES!</em></p><p>And that's just the crap that <a href="https://infosec.space/tags/uBlockOrigin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uBlockOrigin</span></a> and # caught:</p><pre><code>deel.com<br>api.deel.com<br>app.deel.com<br>amazonaws.com<br>a569f72b706584c51b5f33f0e47ccd30-e12968bbf00b014c.elb.eu-west-1.amazonaws.com<br>wiki.deel.network<br>braze.com<br>sdk.iad-06.braze.com<br>cal.com<br>app.cal.com<br>calendly.com<br>assets.calendly.com<br>chilipiper.com<br>js.chilipiper.com<br>com.cdn.cloudflare.net<br>api.deel.com.cdn.cloudflare.net<br>api.deel.com<br>d20qeu5vw8i5t2.cloudfront.net<br>cdn.zapier.com<br>d3kz3mviooatoq.cloudfront.net<br>avatars.slack-edge.com<br>deel.network<br>wiki.deel.network<br>deel.tools<br>openreplay-new.deel.tools<br>google.com<br>apis.google.com<br>www.google.com<br>googletagmanager.com<br>www.googletagmanager.com<br>gstatic.com<br>fonts.gstatic.com<br>www.gstatic.com<br>k8s-openrepl-awsalbin-ed4c403a34-602701419.eu-west-1.elb.amazonaws.com<br>openreplay-new.deel.tools<br>letsdeel.com<br>media.letsdeel.com<br>s3.amazonaws.com<br>sammylabs.com<br>api.sammylabs.com<br>sentry.io<br>o265775.ingest.sentry.io<br>slack-edge.com<br>avatars.slack-edge.com<br>stripe.com<br>js.stripe.com<br>m.stripe.com<br>q.stripe.com<br>stripe.network<br>m.stripe.network<br>stripecdn.map.fastly.net<br>m.stripe.network<br>zapier.com<br>cdn.zapier.com<br></code></pre><pre><code> …deel.com<br>…braze.com<br>…cal.com<br>…calendly.com<br>…chilipiper.com<br>…deel.network<br>…deel.tools<br>…google.com<br>…googletagmanager.com<br>…gstatic.com<br>…s3.amazonaws.com<br>…sammylabs.com<br>…stripe.com<br>…stripe.network<br>…zapier.com<br></code></pre><p>Seriously, I get that not everyone is able to do <a href="https://infosec.space/tags/accessible" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessible</span></a> and <a href="https://infosec.space/tags/performant" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>performant</span></a> <a href="https://infosec.space/tags/forms" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>forms</span></a> and <a href="https://infosec.space/tags/Websites" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Websites</span></a> and that <a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> is trendy and hip.</p><ul><li>But this seriously isn't funny anymore, but insulting!</li></ul><p><a href="https://infosec.space/tags/Enshittification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Enshittification</span></a> <a href="https://infosec.space/tags/Bloatware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bloatware</span></a> <a href="https://infosec.space/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://infosec.space/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p>
Antwand T. Howard<p>I built a fully functional blogging website in 3 hours.</p><p>This was incredible to pull off and the bar is so high for new applications to stand out. <a href="https://mastodon.social/tags/indiedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indiedev</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p><p><a href="https://www.youtube.com/watch?v=2a6esY6l2lU" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=2a6esY6l2lU</span><span class="invisible"></span></a></p>
Jason Garber<p>Ten years ago today, I spoke at CSS Summit, kicking off the event with a presentation, "Designing with Progressive Enhancement." I'm quite proud of the results and I think the thesis has borne itself out even though •quite• a lot has changed since then.</p><p>I recently clear-cut my personal website and haven't yet reconstituted my old posts, but here's the Wayback Machine's most recent capture of my presentation:</p><p><a href="https://web.archive.org/web/20240617173602/https://sixtwothree.org/posts/designing-with-progressive-enhancement" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">web.archive.org/web/2024061717</span><span class="invisible">3602/https://sixtwothree.org/posts/designing-with-progressive-enhancement</span></a></p><p><a href="https://indieweb.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgressiveEnhancement</span></a> <a href="https://indieweb.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p>
Scripter :verified_flashing:<p>Deno 2.4: deno bundle is back | Deno<br><a href="https://deno.com/blog/v2.4" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">deno.com/blog/v2.4</span><span class="invisible"></span></a> <a href="https://social.tchncs.de/tags/Deno" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Deno</span></a> <a href="https://social.tchncs.de/tags/Deno24" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Deno24</span></a> <a href="https://social.tchncs.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://social.tchncs.de/tags/Runtime" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Runtime</span></a> <a href="https://social.tchncs.de/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://social.tchncs.de/tags/TechNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechNews</span></a></p>
Ross of Ottawa<p>I still like seeing that <a href="https://mastodon.social/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> still exists and is being used, though I haven't done anything with it for several years. </p><p>I haven't really lost interest in Django or complex <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a>, I've more lost confidence in the Web experience itself, where our expectation is now that any page you visit will inundate you with pop-ups, ads, nag screens, trackers etc, and be so filled with self-contradictory AI-written junk as to make it a waste of time.</p>
Yavo<p>Lesson of the week for me is that:</p><p>(as an IT guy) </p><p>I should never give up tinkering in favor of more work. </p><p>It was my interests that lead to paid work, not the other way around.</p><p><a href="https://fosstodon.org/tags/linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>linux</span></a> <a href="https://fosstodon.org/tags/gnu" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gnu</span></a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://fosstodon.org/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://fosstodon.org/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WordPress</span></a> <a href="https://fosstodon.org/tags/writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>writing</span></a></p>
visionbites<p>🎉 Wir sind wieder dabei! 🎉 <a href="https://mastodon.social/tags/t3cm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>t3cm</span></a><br>Das <a href="https://mastodon.social/tags/TYPO3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TYPO3</span></a> Camp München steht vor der Tür und wir sind wie immer als <a href="https://mastodon.social/tags/Silbersponsor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Silbersponsor</span></a> am Start! 🩶</p><p>Wir freuen uns auf inspirierende Sessions, die <a href="https://mastodon.social/tags/T3Community" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>T3Community</span></a> und jede Menge <a href="https://mastodon.social/tags/Austausch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Austausch</span></a> mit alten und neuen Gesichtern 🤗.<br>Wen von euch sehen wir vor Ort? 👀</p><p>🗓️ Save the Date: 12.–14. September 2025, im Puchheimer Kulturcentrum (PUC)<br>🎟️Tickets sichern: <a href="https://www.eventbrite.de/e/typo3camp-munchen-2025-tickets-1271118843679" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">eventbrite.de/e/typo3camp-munc</span><span class="invisible">hen-2025-tickets-1271118843679</span></a></p><p><a href="https://mastodon.social/tags/typo3camp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typo3camp</span></a> <a href="https://mastodon.social/tags/m%C3%BCnchen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>münchen</span></a> <a href="https://mastodon.social/tags/silbersponsor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>silbersponsor</span></a> <a href="https://mastodon.social/tags/t3community" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>t3community</span></a> <a href="https://mastodon.social/tags/networking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>networking</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/visionbites" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>visionbites</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>
Ana Tudor 🐯<p>I wrote a new article for Frontend Masters: Step Gradients with a Given Number of Steps!</p><p>Consider this problem: you are given 2 hex codes + a number of steps. How would you code a step gradient? Think about it, then see my solution <a href="https://frontendmasters.com/blog/step-gradients-with-a-given-number-of-steps/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/step-</span><span class="invisible">gradients-with-a-given-number-of-steps/</span></a></p><p>Hope you enjoy, a lot of work went into it.</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/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/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/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/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGradient</span></a></p>
Leanpub<p>Game Studio Starter Kit (3 Game Collection) <a href="http://leanpub.com/set/leanpub/gsskit" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">http://</span><span class="">leanpub.com/set/leanpub/gsskit</span><span class="invisible"></span></a> by Stephen Gose is the featured Track on the Leanpub homepage! <a href="https://leanpub.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">leanpub.com</span><span class="invisible"></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/GameDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GameDevelopment</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/Gaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gaming</span></a> <a href="https://mastodon.social/tags/Romance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Romance</span></a> <a href="https://mastodon.social/tags/TeenAndYoungAdult" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TeenAndYoungAdult</span></a> <a href="https://mastodon.social/tags/Games" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Games</span></a></p>
Jon Henshaw<p>After two decades of stagnation with the PNG image standard, it's back with a new version to rival the innovations made by WebP and AVIF.</p><p><a href="https://coywolf.com/news/web-development/new-version-of-png-to-challenge-avif-and-webp-for-image-dominance-on-the-web/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">coywolf.com/news/web-developme</span><span class="invisible">nt/new-version-of-png-to-challenge-avif-and-webp-for-image-dominance-on-the-web/</span></a></p><p><a href="https://henshaw.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p>
Ana Tudor 🐯<p>Stupid <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> question: is it okay to have this structure?</p><p>I need a filter on the img, but not on the figcaption too, so I can't apply it on the figure.</p><p>Also can't apply it on the img because the img has a mask, which applies *after* filter, but I need it applied *before* <a href="https://bsky.app/profile/anatudor.bsky.social/post/3lmgrfcnbsc2k" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bsky.app/profile/anatudor.bsky</span><span class="invisible">.social/post/3lmgrfcnbsc2k</span></a></p><p><a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</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/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/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/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Karthikeyan A K<p>These design ppl r using some A.I and are creating about 3 - 6 web templates an hour.</p><p><a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mstdn.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mstdn.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a></p>
Palette Box<p>예전엔 UI 만들 때마다 색상 고르느라 진이 빠졌어요.<br>디자이너 없이 시작한 프로젝트라 색 하나 정하는 데도 한참 걸렸죠.<br>이젠 Palette Box 덕분에 추천 팔레트 받고, 이름 붙이고, JSON으로 바로 적용해요.<br>혼자 개발 중이라면 이 툴, 진심으로 추천드립니다.<br>💰 월 $2 / 평생 $70 (5년 대비 $50 할인)<br>🎁 3개월 무료 쿠폰: PALETTEBOXFREE3MONTH<br>👇 설치하기:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><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/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mastodon.social/tags/ColorTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorTools</span></a></p>
Ana Tudor 🐯<p>If a grid has `n` columns, it has `n - 1` gaps in between them. Enjoy this interactive <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 illustrating the concept: <a href="https://codepen.io/thebabydino/pen/LEVqOpZ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/LEV</span><span class="invisible">qOpZ</span></a></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/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> <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/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/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Ana Tudor 🐯<p>I turn 13 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> today, so after my most hearted demos (<a href="https://mastodon.social/@anatudor/114499264888606204" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@anatudor/1144</span><span class="invisible">99264888606204</span></a>)... here are 13 of MY personal faves!</p><p>1️⃣ Pure CSS music toy - this one's a really special one for me <a href="https://codepen.io/thebabydino/pen/WNGPjLx" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/WNG</span><span class="invisible">PjLx</span></a><br><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> transforms for the <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3D</span></a>, CSS variables for the dynamic shading.</p><p>The how 😼 <a href="https://www.youtube.com/watch?v=_CV364uqP3U" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=_CV364uqP3U</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/css3d" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css3d</span></a> <a href="https://mastodon.social/tags/transform" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transform</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/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/cssFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssFilter</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/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/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></p>
Nube Colectiva<p>The 7 Best Free Hosting with PHP and MySQL in 2025. </p><p>Los 7 Mejores Hosting Gratis con PHP y MySQL en 2025.</p><p>👉 <a href="https://nubecolectiva.com/blog/los-5-mejores-hosting-gratis-con-php-y-mysql/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/blog/los-5-m</span><span class="invisible">ejores-hosting-gratis-con-php-y-mysql/</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/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/programaci%C3%B3n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programación</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/devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devs</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/hosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hosting</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/mysql" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mysql</span></a></p>