Shakedown Social

1 post1 participant0 posts today

DrupalAshevilleThink front of the front end dev skills don’t matter anymore? Think again.At <a href="https://mstdn.social/tags/DCAVL25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DCAVL25</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.Learn how these skills support accessibility, templating, and strong collaboration across teams—especially in Drupal.Let’s give front of the front end devs the spotlight they deserve. <a href="https://www.drupalasheville.com/2025/session/what-front-front-end-developer-brings-your-team" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.drupalasheville.com/2025/session/what-front-front-end-developer-brings-your-team</a> <a href="https://mstdn.social/tags/Drupal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Drupal</a> <a href="https://mstdn.social/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDev</a> <a href="https://mstdn.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a>

ValePeople print websites, so I wrote an article over on <a class="u-url mention" href="https://front-end.social/@piccalilli" rel="nofollow noopener noreferrer" target="_blank">@piccalilli</a> about how to make sure they don’t feel the need to pull out all their hair while printing yours.Decimate a rainforest, spend a fortune on some new ink cartridges, unjam the mechanism, print off the article, and give it a read.<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><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>

xoron :verified:React-like functional webcomponents, but with vanilla HTML, JS and CSSIntroducing Dim – a new <a href="https://infosec.exchange/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Framework</a> that brings <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReactJS</a>-like functional <a href="https://infosec.exchange/tags/JSX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JSX</a>-syntax with <a href="https://infosec.exchange/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VanillaJS</a>. Check it out here: 🔗 Project: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/positive-intentions/dim</a> 🔗 Website: <a href="https://dim.positive-intentions.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://dim.positive-intentions.com</a>My journey with <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</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">#Tooling</a>!), coming from <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReactJS</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">#FunctionalProgramming</a> approach in React significantly improved my <a href="https://infosec.exchange/tags/DeveloperExperience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeveloperExperience</a> and debugging flow.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">#Lit</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">#ProofOfConcept</a> right now, with "main" <a href="https://infosec.exchange/tags/Hooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Hooks</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">#EncryptionAtRest</a>. (Note: <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StateManagement</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">#Passwordless</a> options like <a href="https://infosec.exchange/tags/WebAuthn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAuthn</a>/#Passkeys).You can dive deeper into the <a href="https://infosec.exchange/tags/Documentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Documentation</a> and see how it works here: 📚 Dim Docs: <a href="https://positive-intentions.com/docs/category/dim" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://positive-intentions.com/docs/category/dim</a>This <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</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">#Unstable</a>, so expect <a href="https://infosec.exchange/tags/BreakingChanges" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BreakingChanges</a>. I've already received valuable <a href="https://infosec.exchange/tags/Feedback" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Feedback</a> on some functions regarding <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Security</a>, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!<a href="https://infosec.exchange/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontendDev</a> <a href="https://infosec.exchange/tags/JSFramework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JSFramework</a> <a href="https://infosec.exchange/tags/Innovation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Innovation</a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://infosec.exchange/tags/Programmer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programmer</a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tech</a>

Katrin Zaks👋 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.Expect <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> thoughts, <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> tips, and maybe my <a href="https://mastodon.social/tags/BalconyGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BalconyGarden</a> updates.<a href="https://mastodon.social/tags/Introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Introduction</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReactJS</a> <a href="https://mastodon.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/BalconyGarden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BalconyGarden</a>

ValeThere is very little in this world more satisfying than getting CSS shorthand correct first time.<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>

ValeI’m Vale, a front-end developer making web stuff. I post about:<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><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>

ValeJust started compiling some of my favourite blogs on my site.<a href="https://vale.rocks/links" rel="nofollow noopener noreferrer" target="_blank">https://vale.rocks/links</a>I’m certain I’m missing tons, so please let me know of your favourites!<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>

Steve Karsch 🤘🏻:eagles: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">#frontenddev</a> <a href="https://jawns.club/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://jawns.club/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://jawns.club/tags/iknowenoughtobedangerous" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iknowenoughtobedangerous</a>

AustinAre there any <a href="https://hachyderm.io/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a> devs out there who have deployed to <a href="https://hachyderm.io/tags/AzureStaticWebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AzureStaticWebApps</a>?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?<a href="https://hachyderm.io/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDev</a> <a href="https://hachyderm.io/tags/Azure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Azure</a> <a href="https://hachyderm.io/tags/Jamstack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Jamstack</a>

emmaNew arrival from Twitter – will probably re-do this <a href="https://mastodon.online/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#introduction</a> at some point but for now: I’m into hearing about <a href="https://mastodon.online/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> and <a href="https://mastodon.online/tags/uxdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxdesign</a>, <a href="https://mastodon.online/tags/contentstrategy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#contentstrategy</a>, <a href="https://mastodon.online/tags/productmanagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#productmanagement</a> and <a href="https://mastodon.online/tags/frontenddev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontenddev</a>, while my work centres around <a href="https://mastodon.online/tags/creativecampaigns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativecampaigns</a> at the moment. My background is in <a href="https://mastodon.online/tags/culturalstudies" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#culturalstudies</a>, <a href="https://mastodon.online/tags/culturaltheory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#culturaltheory</a>, <a href="https://mastodon.online/tags/philosophy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#philosophy</a> and <a href="https://mastodon.online/tags/sociology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sociology</a>.In my downtime, I’m into <a href="https://mastodon.online/tags/TTRPGs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TTRPGs</a>, <a href="https://mastodon.online/tags/D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#D</a>&D, playing <a href="https://mastodon.online/tags/bass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bass</a>, <a href="https://mastodon.online/tags/videogames" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#videogames</a> and <a href="https://mastodon.online/tags/gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gaming</a>, <a href="https://mastodon.online/tags/gigs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gigs</a>, <a href="https://mastodon.online/tags/punk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#punk</a>, drinking <a href="https://mastodon.online/tags/coffee" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coffee</a>, general <a href="https://mastodon.online/tags/nerdshit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nerdshit</a> and walking my <a href="https://mastodon.online/tags/dogs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dogs</a>.

Gary HunterHello, I'm Gary 👋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">#TwitterMigration</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">#introduction</a> 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">#LFC</a> supporter & miniature <a href="https://mastodon.me.uk/tags/schnauzer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#schnauzer</a> walker. Interested in <a href="https://mastodon.me.uk/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> & learning <a href="https://mastodon.me.uk/tags/frontenddev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontenddev</a> in my spare timeI'm Head of Digital & Transformation doing <a href="https://mastodon.me.uk/tags/digital" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#digital</a> and <a href="https://mastodon.me.uk/tags/ServiceDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ServiceDesign</a> in <a href="https://mastodon.me.uk/tags/localgov" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#localgov</a>

Recent searches

Search options

Administered by:

Server stats:

#frontenddev