sigmoid.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A social space for people researching, working with, or just interested in AI!

Server stats:

572
active users

#frontenddev

0 posts0 participants0 posts today
Vale<p>Doing some work for a company which has me writing some legacy CSS. Proper 2009-era stylesheets with a bit of SASS thrown in and a clear brief to work off.</p><p>Having a blast!</p><p><a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener" target="_blank">#CSS</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a></p>
Nebraska.Code<p>Tyler Sanderson, Kathryn Grayson Nanz, and Brent Stewart present on Frontend Development at Nebraska.Code().</p><p><a href="https://nebraskacode.amegala.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">nebraskacode.amegala.com/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/WebSecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebSecurity</span></a> <a href="https://mastodon.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebApps</span></a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/UsabilityTesting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UsabilityTesting</span></a> <a href="https://mastodon.social/tags/Blazor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blazor</span></a> <a href="https://mastodon.social/tags/Nebraska" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nebraska</span></a> <a href="https://mastodon.social/tags/TechConf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechConf</span></a> <a href="https://mastodon.social/tags/Improving" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Improving</span></a> <a href="https://mastodon.social/tags/AlienArcTechnologies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlienArcTechnologies</span></a> <a href="https://mastodon.social/tags/IT" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IT</span></a> <a href="https://mastodon.social/tags/WebSecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebSecurity</span></a> <a href="https://mastodon.social/tags/Software" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Software</span></a> <a href="https://mastodon.social/tags/Testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Testing</span></a> <a href="https://mastodon.social/tags/lincolnnebraska" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lincolnnebraska</span></a> <a href="https://mastodon.social/tags/WomenInTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WomenInTech</span></a> <a href="https://mastodon.social/tags/DevelopmentConference" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevelopmentConference</span></a> <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/TechTalk" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechTalk</span></a></p>
nikolnova<p>An attempt at colorful font icon ⚙️ </p><p><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/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</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/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a></p>
xoron :verified:<p>Are Web Components &amp; Cybersecurity A Better Combo?</p><p>I'm not trying to dunk on popular <a href="https://infosec.exchange/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://infosec.exchange/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frameworks</span></a> – I'm sure they're totally fine for <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cybersecurity</span></a> stuff, probably get loads of reviews and <a href="https://infosec.exchange/tags/audits" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>audits</span></a>.</p><p>But from my angle: Web Components are *native* to the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a>. Doesn't that just inherently reduce the risk of **<a href="https://infosec.exchange/tags/SupplyChainAttacks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SupplyChainAttacks</span></a>** (you know, like a rogue `npm install` on a bad network) for your <a href="https://infosec.exchange/tags/AppSecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppSecurity</span></a>?</p><p>Or am I overthinking it, and the <a href="https://infosec.exchange/tags/framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>framework</span></a> choice is less important than the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a>, <a href="https://infosec.exchange/tags/OS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OS</span></a>, or <a href="https://infosec.exchange/tags/device" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>device</span></a> running it? What are your thoughts, <a href="https://infosec.exchange/tags/DevCommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevCommunity</span></a>?</p><p>---</p><p>Quick context: I've got a <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://infosec.exchange/tags/messagingApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>messagingApp</span></a> (repo here: <a href="https://github.com/positive-intentions/chat" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/chat</span></a>) and a separate <a href="https://infosec.exchange/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIFramework</span></a> (repo here: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim</span></a>) built with <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Lit</span></a> (which uses Web Components). I'm genuinely wondering if there's a compelling <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cybersecurity</span></a> reason to refactor the chat app to use my <a href="https://infosec.exchange/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponent</span></a> UI framework. Might be a whole new level of <a href="https://infosec.exchange/tags/SecurityByDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SecurityByDesign</span></a> for <a href="https://infosec.exchange/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDev</span></a>.</p><p>FYI, same question's on Reddit here: <a href="https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">reddit.com/r/ExperiencedDevs/c</span><span class="invisible">omments/1lmk1rg/are_web_components_better_for_cybersecurity/</span></a>, got some good <a href="https://infosec.exchange/tags/insights" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>insights</span></a>, but want to make sure nothing's getting overlooked! Let's discuss <a href="https://infosec.exchange/tags/InfoSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InfoSec</span></a> <a href="https://infosec.exchange/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://infosec.exchange/tags/TechQuestion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechQuestion</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" 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" 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" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener" target="_blank">#CSS</a></p>
Gabor Heja<p>"Hey Meta, how to center a circle?"</p><p><a href="https://mastodon.social/tags/meta" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>meta</span></a> <a href="https://mastodon.social/tags/metaai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>metaai</span></a> <a href="https://mastodon.social/tags/facebook" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>facebook</span></a> <a href="https://mastodon.social/tags/facebookmeta" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>facebookmeta</span></a> <a href="https://mastodon.social/tags/chatgpt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>chatgpt</span></a> <a href="https://mastodon.social/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ai</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/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/frontenddev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontenddev</span></a></p>
gaurav87565<p>🚀 New Blog Alert!<br>Want to make your websites faster, smarter, and cleaner? 🌐💡<br>Check out our latest post 👉 "Top JavaScript Tags Every Web Developer Should Know"</p><p>Whether you're just starting out or brushing up your skills, this guide covers the most essential JS tags like &lt;script&gt;, async, defer, and more — with examples and best practices!</p><p>💻 Read now: <a href="https://www.dapirates.xyz/top-javascript-tags/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">dapirates.xyz/top-javascript-t</span><span class="invisible">ags/</span></a><br>📌Save it for later &amp; share with your dev friends!<br><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/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/CodingTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodingTips</span></a> <a href="https://mastodon.social/tags/LearnJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LearnJS</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/DaPirates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DaPirates</span></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" target="_blank">#<span>Framework</span></a> that brings <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a>-like functional <a href="https://infosec.exchange/tags/JSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSX</span></a>-syntax with <a href="https://infosec.exchange/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VanillaJS</span></a>. Check it out here:<br>🔗 Project: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" 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" 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" 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" target="_blank">#<span>Tooling</span></a>!), coming from <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" 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" 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" 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" 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" target="_blank">#<span>ProofOfConcept</span></a> right now, with "main" <a href="https://infosec.exchange/tags/Hooks" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>EncryptionAtRest</span></a>. (Note: <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>Passwordless</span></a> options like <a href="https://infosec.exchange/tags/WebAuthn" class="mention hashtag" rel="nofollow noopener" 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" 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" 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" 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" target="_blank">#<span>Unstable</span></a>, so expect <a href="https://infosec.exchange/tags/BreakingChanges" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BreakingChanges</span></a>. I've already received valuable <a href="https://infosec.exchange/tags/Feedback" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feedback</span></a> on some functions regarding <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>FrontendDev</span></a> <a href="https://infosec.exchange/tags/JSFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSFramework</span></a> <a href="https://infosec.exchange/tags/Innovation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Innovation</span></a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://infosec.exchange/tags/Programmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programmer</span></a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tech</span></a></p>
LogicLuminaryBill<p>🗓️ Sunday Recap | May 25, 2025<br>Wrapping up the week with progress and purpose 🔁📘</p><p>📌 Progress Report<br>• <a href="https://mastodon.social/tags/Beyond365DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Beyond365DaysOfCode</span></a> Day 147<br>• <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> Day 147<br>• <a href="https://mastodon.social/tags/freeCodeCamp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>freeCodeCamp</span></a> grind still going strong</p><p>📚 Daily Reading<br>✅ freeCodeCamp News: 1 article<br>✅ Daily.dev: 1 article</p><p>🗂️ Planning<br>• Trello board updated 🗃️🧠</p><p>🚀<br>• <a href="https://mastodon.social/tags/TheOdinProject" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TheOdinProject</span></a> landing page project pushed to GitHub ✅</p><p><a href="https://mastodon.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a> <a href="https://mastodon.social/tags/WeekInReview" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WeekInReview</span></a> <a href="https://mastodon.social/tags/DevJourney" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevJourney</span></a> <a href="https://mastodon.social/tags/TechTwitter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechTwitter</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/CodeEveryDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodeEveryDay</span></a> <a href="https://mastodon.social/tags/WebDevLogs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevLogs</span></a> <a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BuildInPublic</span></a> <a href="https://mastodon.social/tags/SelfTaughtDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SelfTaughtDev</span></a> <a href="https://mastodon.social/tags/GitHubCommits" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubCommits</span></a></p>
Vale<p>I figured I’d weigh in with my thoughts regarding all the CSS carousel stuff after being indirectly prompted by <span class="h-card"><a class="u-url mention" href="https://front-end.social/@SaraSoueidan" rel="nofollow noopener" target="_blank">@<span>SaraSoueidan</span></a></span> ‘s fantastic article and <span class="h-card"><a class="u-url mention" href="https://social.lol/@db" rel="nofollow noopener" target="_blank">@<span>db</span></a></span> ‘s pseudo-element discussion.</p><p><a href="https://vale.rocks/micros/20250524-1145" rel="nofollow noopener" target="_blank">https://vale.rocks/micros/20250524-1145</a></p><p><a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener" target="_blank">#CSS</a></p>
Katrin Zaks<p>I’m digging into how useEffect behaves in React — and the render queue timing still surprises me sometimes.</p><p>It’s wild how something that seems so “after render” can still feel like it sneaks into your logic when you least expect it.</p><p>A huge help with that was a blog post on Frontend Masters written by Teng Wei Herr: <a href="https://frontendmasters.com/blog/react-internals-which-useeffect-runs-first/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/react</span><span class="invisible">-internals-which-useeffect-runs-first/</span></a></p><p><a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/useEffect" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>useEffect</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/LearningInPublic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LearningInPublic</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" target="_blank">#<span>WebDev</span></a> thoughts, <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> tips, and maybe my <a href="https://mastodon.social/tags/BalconyGarden" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BalconyGarden</span></a> updates.</p><p><a href="https://mastodon.social/tags/Introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Introduction</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <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/BalconyGarden" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BalconyGarden</span></a></p>
Village One Cooperative<p>We’re currently building a bunch of websites with @craftcms and may need freelance frontend dev support over the coming weeks/months.</p><p>Your profile:<br>- Solid Craft + Twig + Tailwind + A11y knowledge<br>- Turn Figma designs into responsive frontend code<br>- Timezone somewhat compatible with London/Berlin</p><p>Sample repo from current project: <a href="https://github.com/prototypefund/ptf-site/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/prototypefund/ptf-s</span><span class="invisible">ite/</span></a></p><p>Reply here or to hello@village.one with your availability, day rate and experience. Thanks! 🙌 <a href="https://toot.village.one/tags/CraftCMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CraftCMS</span></a> <a href="https://toot.village.one/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> <a href="https://toot.village.one/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://toot.village.one/tags/FreelanceDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FreelanceDev</span></a></p>
Vale<p><em>Woah!</em> I’m published on <span class="h-card"><a class="u-url mention" href="https://mastodon.social/@csstricks" rel="nofollow noopener" target="_blank">@<span>csstricks</span></a></span> !</p><p>I adore CSS-Tricks, and it has been invaluable to me over the years. I’m ecstatic to be able to contribute something back.</p><p><a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener" target="_blank">#CSS</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/js" rel="nofollow noopener" target="_blank">#JS</a><span class="quote-inline"><br><br>RE: <a href="https://mastodon.social/@csstricks/114336363156155232" rel="nofollow noopener" target="_blank">https://mastodon.social/@csstricks/114336363156155232</a></span></p>
Vale<p>Speakers of English (traditional) rejoice, for I have fixed CSS. You can sleep easy knowing that there exists an easy way to permit writing ‘colour’ as ‘colour’.</p><p>BritCSS is a simple bit of client-side JS that permits using English spellings.</p><p><a href="https://github.com/DeclanChidlow/BritCSS" rel="nofollow noopener" target="_blank">https://github.com/DeclanChidlow/BritCSS</a></p><p><a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener" target="_blank">#CSS</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" 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" target="_blank">#Introduction</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a></p>
Joche Ojeda<p>Bridging Traditional Development using XAF and AI: Training Sessions in Cairo</p><p><a href="https://www.jocheojeda.com/2025/02/07/bridging-traditional-development-using-xaf-and-ai-training-sessions-in-cairo/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">jocheojeda.com/2025/02/07/brid</span><span class="invisible">ging-traditional-development-using-xaf-and-ai-training-sessions-in-cairo/</span></a></p><p><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/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/AITraining" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AITraining</span></a> <a href="https://mastodon.social/tags/CairoTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CairoTech</span></a> <a href="https://mastodon.social/tags/XAF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>XAF</span></a> <a href="https://mastodon.social/tags/DevExpress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevExpress</span></a> <a href="https://mastodon.social/tags/MicrosoftSemanticKernel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MicrosoftSemanticKernel</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/Angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Angular</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/BusinessApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BusinessApps</span></a> <a href="https://mastodon.social/tags/LOBDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LOBDevelopment</span></a> <a href="https://mastodon.social/tags/RapidDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RapidDevelopment</span></a> <a href="https://mastodon.social/tags/AIIntegration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AIIntegration</span></a> <a href="https://mastodon.social/tags/TechEducation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechEducation</span></a> <a href="https://mastodon.social/tags/EgyptTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EgyptTech</span></a> <a href="https://mastodon.social/tags/AppFrameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppFrameworks</span></a> <a href="https://mastodon.social/tags/EnterpriseSoftware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EnterpriseSoftware</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/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/AIImplementation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AIImplementation</span></a> <a href="https://mastodon.social/tags/NLP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NLP</span></a> <a href="https://mastodon.social/tags/BusinessAutomation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BusinessAutomation</span></a> <a href="https://mastodon.social/tags/DeveloperTraining" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DeveloperTraining</span></a> <a href="https://mastodon.social/tags/CrossPlatform" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CrossPlatform</span></a> <a href="https://mastodon.social/tags/CRUDApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CRUDApps</span></a></p>
Curtis Carter<p>Feels like every time I have to work on a responsive web app, I get a renewed appreciation for why I hate <a href="https://floss.social/tags/BootStrap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BootStrap</span></a></p><p>It's not necessarily strictly a bootstrap issue, but it feels like it encourages people to sprinkle! important throughout their stylesheets.</p><p><a href="https://floss.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://floss.social/tags/softwareDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwareDevelopment</span></a> <a href="https://floss.social/tags/frontenddev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontenddev</span></a></p>
Nube Colectiva<p>16 Best Extensions Used By Senior Python Developers !</p><p>16 Mejores Extensiones Para Devs Senior en Python ! </p><p>🔎Zoom: <a href="https://nubecolectiva.com/comunidad/flyers/16-best-extensions-used-by-senior-python-developers/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/comunidad/fl</span><span class="invisible">yers/16-best-extensions-used-by-senior-python-developers/</span></a></p><p><a href="https://mastodon.social/tags/comunidaddeprogramadores" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>comunidaddeprogramadores</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/programar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programar</span></a> <a href="https://mastodon.social/tags/frontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontendDev</span></a> <a href="https://mastodon.social/tags/backendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>backendDev</span></a> <a href="https://mastodon.social/tags/desarrollodesoftware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>desarrollodesoftware</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/eventoenvivo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eventoenvivo</span></a> <a href="https://mastodon.social/tags/endirecto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>endirecto</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/worldcode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>worldcode</span></a> <a href="https://mastodon.social/tags/programadores" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programadores</span></a> <a href="https://mastodon.social/tags/developers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developers</span></a> <a href="https://mastodon.social/tags/developerlife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developerlife</span></a> <a href="https://mastodon.social/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>python</span></a> <a href="https://mastodon.social/tags/vsc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vsc</span></a> <a href="https://mastodon.social/tags/vscode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vscode</span></a> <a href="https://mastodon.social/tags/visualtsudiocode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>visualtsudiocode</span></a></p>
Nube Colectiva<p>6 Ubuntu Versions That Shaped the Community ! </p><p>6 Versiones de Ubuntu Que Marcaron a la Comunidad ! </p><p>🔎 Zoom: <a href="https://nubecolectiva.com/comunidad/flyers/6-ubuntu-versions-that-shaped-the-community/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/comunidad/fl</span><span class="invisible">yers/6-ubuntu-versions-that-shaped-the-community/</span></a> </p><p><a href="https://mastodon.social/tags/comunidaddeprogramadores" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>comunidaddeprogramadores</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/programar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programar</span></a> <a href="https://mastodon.social/tags/frontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontendDev</span></a> <a href="https://mastodon.social/tags/backendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>backendDev</span></a> <a href="https://mastodon.social/tags/desarrollodesoftware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>desarrollodesoftware</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/eventoenvivo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eventoenvivo</span></a> <a href="https://mastodon.social/tags/endirecto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>endirecto</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/worldcode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>worldcode</span></a> <a href="https://mastodon.social/tags/programadores" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programadores</span></a> <a href="https://mastodon.social/tags/developers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developers</span></a> <a href="https://mastodon.social/tags/developerlife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developerlife</span></a> <a href="https://mastodon.social/tags/ubuntu" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ubuntu</span></a> <a href="https://mastodon.social/tags/linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>linux</span></a></p>