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:

252
active users

#frontenddev

1 post1 participant0 posts today
DrupalAsheville<p>Think front of the front end dev skills don’t matter anymore? Think again.</p><p>At <a href="https://mstdn.social/tags/DCAVL25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DCAVL25</span></a>, join What a Front of the Front-End Developer Brings to Your Team and explore why HTML, CSS, and presentational JS expertise are still essential.</p><p>Learn how these skills support accessibility, templating, and strong collaboration across teams—especially in Drupal.</p><p>Let’s give front of the front end devs the spotlight they deserve.<br><a href="https://www.drupalasheville.com/2025/session/what-front-front-end-developer-brings-your-team" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">drupalasheville.com/2025/sessi</span><span class="invisible">on/what-front-front-end-developer-brings-your-team</span></a> <br><a href="https://mstdn.social/tags/Drupal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Drupal</span></a> <a href="https://mstdn.social/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDev</span></a> <a href="https://mstdn.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a></p>
Vale<p>People print websites, so I wrote an article over on <span class="h-card"><a class="u-url mention" href="https://front-end.social/@piccalilli" rel="nofollow noopener noreferrer" target="_blank">@<span>piccalilli</span></a></span> about how to make sure they don’t feel the need to pull out all their hair while printing yours.</p><p>Decimate a rainforest, spend a fortune on some new ink cartridges, unjam the mechanism, print off the article, and give it a read.</p><p><a href="https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/" rel="nofollow noopener noreferrer" target="_blank">https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/</a></p><p><a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener noreferrer" target="_blank">#CSS</a></p>
xoron :verified:<p>React-like functional webcomponents, but with vanilla HTML, JS and CSS</p><p>Introducing Dim – a new <a href="https://infosec.exchange/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> that brings <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ReactJS</span></a>-like functional <a href="https://infosec.exchange/tags/JSX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JSX</span></a>-syntax with <a href="https://infosec.exchange/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VanillaJS</span></a>. Check it out here:<br>🔗 Project: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim</span></a><br>🔗 Website: <a href="https://dim.positive-intentions.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">dim.positive-intentions.com</span><span class="invisible"></span></a></p><p>My journey with <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebComponents</span></a> started with Lit, and while I appreciated its native browser support (less <a href="https://infosec.exchange/tags/Tooling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tooling</span></a>!), coming from <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ReactJS</span></a>, the class components felt like a step backward. The <a href="https://infosec.exchange/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FunctionalProgramming</span></a> approach in React significantly improved my <a href="https://infosec.exchange/tags/DeveloperExperience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DeveloperExperience</span></a> and debugging flow.</p><p>So, I set out to build a thin, functional wrapper around <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lit</span></a>, and Dim is the result! It's a <a href="https://infosec.exchange/tags/ProofOfConcept" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProofOfConcept</span></a> right now, with "main" <a href="https://infosec.exchange/tags/Hooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hooks</span></a> similar to React, plus some custom ones like useStore for <a href="https://infosec.exchange/tags/EncryptionAtRest" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EncryptionAtRest</span></a>. (Note: <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StateManagement</span></a> for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore <a href="https://infosec.exchange/tags/Passwordless" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Passwordless</span></a> options like <a href="https://infosec.exchange/tags/WebAuthn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebAuthn</span></a>/#Passkeys).</p><p>You can dive deeper into the <a href="https://infosec.exchange/tags/Documentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Documentation</span></a> and see how it works here:<br>📚 Dim Docs: <a href="https://positive-intentions.com/docs/category/dim" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/docs/c</span><span class="invisible">ategory/dim</span></a></p><p>This <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> project is still in its early stages and very <a href="https://infosec.exchange/tags/Unstable" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Unstable</span></a>, so expect <a href="https://infosec.exchange/tags/BreakingChanges" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BreakingChanges</span></a>. I've already received valuable <a href="https://infosec.exchange/tags/Feedback" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Feedback</span></a> on some functions regarding <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Security</span></a>, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!</p><p><a href="https://infosec.exchange/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontendDev</span></a> <a href="https://infosec.exchange/tags/JSFramework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JSFramework</span></a> <a href="https://infosec.exchange/tags/Innovation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Innovation</span></a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://infosec.exchange/tags/Programmer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programmer</span></a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tech</span></a></p>
Katrin Zaks<p>👋 Hello Mastodon! I’m a frontend dev who shares stories from my tech-life balance — coding, accessibility, React, travel tales, and a bit of gardening.</p><p>Expect <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> thoughts, <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> tips, and maybe my <a href="https://mastodon.social/tags/BalconyGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BalconyGarden</span></a> updates.</p><p><a href="https://mastodon.social/tags/Introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Introduction</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mastodon</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/BalconyGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BalconyGarden</span></a></p>
Vale<p>There is very little in this world more satisfying than getting CSS shorthand correct first time.</p><p><a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDev</a></p>
Vale<p>I’m Vale, a front-end developer making web stuff. I post about:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>User Experience (UX)</li><li>User Interface (UI)</li><li>Handy tidbits</li><li>FOSS</li><li>Linux</li><li>The IndieWeb</li><li>Digital gardening</li><li>What I’m working on</li><li>My photography</li><li>Whatever else my brain gurgitates</li></ul><p><a class="hashtag" href="https://fedi.vale.rocks/tag/introduction" rel="nofollow noopener noreferrer" target="_blank">#Introduction</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a></p>
Vale<p>Just started compiling some of my favourite blogs on my site.</p><p><a href="https://vale.rocks/links" rel="nofollow noopener noreferrer" target="_blank">https://vale.rocks/links</a></p><p>I’m certain I’m missing tons, so please let me know of your favourites!</p><p><a class="hashtag" href="https://fedi.vale.rocks/tag/blogs" rel="nofollow noopener noreferrer" target="_blank">#Blogs</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/blogging" rel="nofollow noopener noreferrer" target="_blank">#Blogging</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/writing" rel="nofollow noopener noreferrer" target="_blank">#Writing</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/indieweb" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a></p>
Steve Karsch 🤘🏻:eagles:<p>FE devs: what is your favorite non-Bootstrap framework for getting a simple, small, static HTML/CSS site off the ground quickly for non-FE devs? <a href="https://jawns.club/tags/frontenddev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontenddev</span></a> <a href="https://jawns.club/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://jawns.club/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://jawns.club/tags/iknowenoughtobedangerous" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iknowenoughtobedangerous</span></a></p>
Austin<p>Are there any <a href="https://hachyderm.io/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> devs out there who have deployed to <a href="https://hachyderm.io/tags/AzureStaticWebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AzureStaticWebApps</span></a>?</p><p>I’m looking to get a feel for how to think about cost since it scales with bandwidth. I would assume that bundle size/caching becomes a bigger concern given the pricing model. Is it trivial to achieve scalable costs or did you find your costs ballooning compared to a more traditional deployment model?</p><p><a href="https://hachyderm.io/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDev</span></a> <a href="https://hachyderm.io/tags/Azure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Azure</span></a> <a href="https://hachyderm.io/tags/Jamstack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Jamstack</span></a></p>
emma<p>New arrival from Twitter – will probably re-do this <a href="https://mastodon.online/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a> at some point but for now: </p><p>I’m into hearing about <a href="https://mastodon.online/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> and <a href="https://mastodon.online/tags/uxdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxdesign</span></a>, <a href="https://mastodon.online/tags/contentstrategy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>contentstrategy</span></a>, <a href="https://mastodon.online/tags/productmanagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>productmanagement</span></a> and <a href="https://mastodon.online/tags/frontenddev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontenddev</span></a>, while my work centres around <a href="https://mastodon.online/tags/creativecampaigns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecampaigns</span></a> at the moment. My background is in <a href="https://mastodon.online/tags/culturalstudies" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>culturalstudies</span></a>, <a href="https://mastodon.online/tags/culturaltheory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>culturaltheory</span></a>, <a href="https://mastodon.online/tags/philosophy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>philosophy</span></a> and <a href="https://mastodon.online/tags/sociology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sociology</span></a>.</p><p>In my downtime, I’m into <a href="https://mastodon.online/tags/TTRPGs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TTRPGs</span></a>, <a href="https://mastodon.online/tags/D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>D</span></a>&amp;D, playing <a href="https://mastodon.online/tags/bass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bass</span></a>, <a href="https://mastodon.online/tags/videogames" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>videogames</span></a> and <a href="https://mastodon.online/tags/gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gaming</span></a>, <a href="https://mastodon.online/tags/gigs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gigs</span></a>, <a href="https://mastodon.online/tags/punk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>punk</span></a>, drinking <a href="https://mastodon.online/tags/coffee" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coffee</span></a>, general <a href="https://mastodon.online/tags/nerdshit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nerdshit</span></a> and walking my <a href="https://mastodon.online/tags/dogs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dogs</span></a>.</p>
Gary Hunter<p>Hello, I'm Gary 👋</p><p>I've been here a few days as part of the great <a href="https://mastodon.me.uk/tags/TwitterMigration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TwitterMigration</span></a> and trying to figure things out so thought I'd do an <a href="https://mastodon.me.uk/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a> </p><p>I'm a tech loving introverted 47 year old <a href="https://mastodon.me.uk/tags/LFC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LFC</span></a> supporter &amp; miniature <a href="https://mastodon.me.uk/tags/schnauzer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>schnauzer</span></a> walker. Interested in <a href="https://mastodon.me.uk/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> &amp; learning <a href="https://mastodon.me.uk/tags/frontenddev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontenddev</span></a> in my spare time</p><p>I'm Head of Digital &amp; Transformation doing <a href="https://mastodon.me.uk/tags/digital" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digital</span></a> and <a href="https://mastodon.me.uk/tags/ServiceDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServiceDesign</span></a> in <a href="https://mastodon.me.uk/tags/localgov" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>localgov</span></a></p>