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:

261
active users

#frontend

1 post1 participant0 posts today
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://ohai.social/@lina" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>lina</span></a></span> np. </p><p>I think it's important to highlight such projects like <a href="https://cuiiliste.de" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">cuiiliste.de</span><span class="invisible"></span></a> and actually point people at it in the hopes that <span class="h-card" translate="no"><a href="https://mastodon.social/@ooni" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ooni</span></a></span> and <span class="h-card" translate="no"><a href="https://mastodon.social/@citizenlab" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>citizenlab</span></a></span> add it to their <a href="https://github.com/citizenlab/test-lists/" rel="nofollow noopener" target="_blank">test lists...</a></p><ul><li>Personally I did add it to my <a href="https://github.com/greyhat-academy/lists.d/blob/cacf5b9fbd80affd34d760c50b0b7333def000bf/blocklists.list.tsv#L28" rel="nofollow noopener" target="_blank">blocklist lists</a> not as an endorsement [far from it!] but as a point of reference for <a href="https://infosec.space/tags/CUII" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CUII</span></a>... </li></ul><p>Maybe someday I (or someone else) can get around and make a <a href="https://infosec.space/tags/VirusTotal" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VirusTotal</span></a> - style <a href="https://infosec.space/tags/URL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>URL</span></a> / <a href="https://infosec.space/tags/Domain" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Domain</span></a> checker that provides more than a mere <em>"is clean"</em> / <em>"is sus"</em> / <em>"is dangerous"</em> assessment but a more nuanced answers like:</p><ul><li><em>"This domain is blocked by CUII for alleged copyright infringement"</em> </li></ul><p>or</p><ul><li><em>"This domain belongs to <a href="https://infosec.space/tags/NSAbook" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NSAbook</span></a>"</em> </li></ul><p>and allow for granular, informed decisions (i.e. allow accessing it as a client, but blocking the entire <a href="https://infosec.space/tags/ASN" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ASN</span></a> from accessing one's Servers and thus block non-consensual <a href="https://infosec.space/tags/Scrapers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Scrapers</span></a> that violate <a href="https://infosec.space/tags/RobotsTXT" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RobotsTXT</span></a>.) </p><ul><li>I'm just shit at programming anything with a <a href="https://infosec.space/tags/GUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GUI</span></a> but hey, I'm just a <a href="https://infosec.space/tags/Sysadmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sysadmin</span></a> not a <a href="https://infosec.space/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> person...</li></ul>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Collections</span></a><br>HotFX · A collection of well-crafted web components <a href="https://ilo.im/165u3y" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165u3y</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</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/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Approaches</span></a><br>Is JavaScript finally growing up? · “The future is layered, not stacked.” <a href="https://ilo.im/165qhj" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165qhj</span><span class="invisible"></span></a></p><p>_____<br><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/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgressiveEnhancement</span></a> <a href="https://mastodon.social/tags/Frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frameworks</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</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></p>
knizer<p><a href="https://toot.boston/tags/BostonWeekend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BostonWeekend</span></a> 18/x<br>Sat <a href="https://toot.boston/tags/WEB" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WEB</span></a> Its <a href="https://toot.boston/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> Day! Cambridge Crossing, 3-5pm, free hosted by fediverse’s own <span class="h-card" translate="no"><a href="https://icosahedron.website/@cxli" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>cxli</span></a></span> and <span class="h-card" translate="no"><a href="https://sunny.garden/@kayserifserif" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>kayserifserif</span></a></span> - come write HTML with us, no experience required<br><a href="https://icosahedron.website/@cxli/114914202375756748" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">icosahedron.website/@cxli/1149</span><span class="invisible">14202375756748</span></a><br><a href="https://boston-html-day.neocities.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">boston-html-day.neocities.org</span><span class="invisible"></span></a> <a href="https://toot.boston/tags/Bostodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bostodon</span></a><br><a href="https://toot.boston/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://toot.boston/tags/WebPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPages</span></a> <a href="https://toot.boston/tags/textEditor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>textEditor</span></a> <a href="https://toot.boston/tags/hacking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hacking</span></a> <a href="https://toot.boston/tags/Boston" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Boston</span></a> <a href="https://toot.boston/tags/CambridgeMA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CambridgeMA</span></a> <a href="https://toot.boston/tags/Firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Firefox</span></a> <a href="https://toot.boston/tags/chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>chrome</span></a> <a href="https://toot.boston/tags/W3C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>W3C</span></a> <a href="https://toot.boston/tags/HTMLDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMLDay</span></a> <a href="https://toot.boston/tags/Markup" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Markup</span></a> <a href="https://toot.boston/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Markdown</span></a> <a href="https://toot.boston/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://toot.boston/tags/Typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typescript</span></a> <a href="https://toot.boston/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>python</span></a> <a href="https://toot.boston/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://toot.boston/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a> <a href="https://toot.boston/tags/software" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>software</span></a> <a href="https://toot.boston/tags/language" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>language</span></a></p>
OddBird<p>If you missed it live, you can now watch <span class="h-card" translate="no"><a href="https://front-end.social/@mia" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mia</span></a></span> &amp; <span class="h-card" translate="no"><a href="https://front-end.social/@jamessw" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jamessw</span></a></span> Winging It with <span class="h-card" translate="no"><a href="https://mastodon.social/@Kilian" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Kilian</span></a></span> about tools for developers.</p><p>Including:<br>- Why work on developer tools?<br>- Ways developers’ needs have changed<br>- Unmet needs developers have now<br>- New Polypane features<br>- Additional accessibility tools</p><p><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p><p><a href="https://www.oddbird.net/2025/07/17/winging-it-20/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">oddbird.net/2025/07/17/winging</span><span class="invisible">-it-20/</span></a></p>
Anselm Hannemann<p>Trying it again here on Mastodon, my favourite network apart from my in-person network:</p><p>I’m available for freelance work now. </p><p>If you need my advice / help for:</p><p>- scalable frontends<br>- accessibility or <br>- making teams more effective through real agility, not just on paper</p><p>Send me a message!</p><p><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/agile" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>agile</span></a> <a href="https://mastodon.social/tags/hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hiring</span></a> <a href="https://mastodon.social/tags/freelance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>freelance</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a></p>
Liminal witch 🧙‍♀️ Sarah<p>TIL crypto.randomUUID() requires https outside of localhost </p><p><a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guides</span></a><br>A friendly introduction to SVG · Learn SVG essentials through interactive demos <a href="https://ilo.im/165jid" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165jid</span><span class="invisible"></span></a></p><p>_____<br><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/Shapes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Shapes</span></a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Animations</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/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/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a></p>
Joe Crawford<p>The next <a href="https://xoxo.zone/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> Study Hall will be July 31, 2025. 10am Pacific. We will attempt to answer evergreen questions like who, what, when, where, and why" about <a href="https://xoxo.zone/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> and <a href="https://xoxo.zone/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> &amp; <a href="https://xoxo.zone/tags/WWW" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WWW</span></a>. You've got a web browser in your bindle--make a web page <a href="https://events.indieweb.org/2025/07/front-end-study-hall-033-nWnOns8NiwiM" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">events.indieweb.org/2025/07/fr</span><span class="invisible">ont-end-study-hall-033-nWnOns8NiwiM</span></a> (an <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a> Zoom)</p>
Joe Crawford<p>Yesterday’s <a href="https://xoxo.zone/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> Study Hall was useful. I took the excuse of <a href="https://xoxo.zone/tags/SDCC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SDCC</span></a> coming up to study comics on the web, specifically <a href="https://xoxo.zone/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> markup (HTML) and CSS. Started a page to explore more <a href="https://lab.artlung.com/comics-a11y/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lab.artlung.com/comics-a11y/</span><span class="invisible"></span></a> <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a></p>
Bumblebee 🐝<p>EspritsCollaboratifs, la société où je travaille, recrute un⋅e dev web/vue.js pour venir nous épauler (nous somme une petite équipe) sur le développement de l'interface de Curebot, un outil de veille collaborative : <a href="https://www.curebot.fr/EspritSite/wp-content/uploads/2025/07/Dev-front-0725.pdf" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">curebot.fr/EspritSite/wp-conte</span><span class="invisible">nt/uploads/2025/07/Dev-front-0725.pdf</span></a></p><p>Télétravail possible : nos locaux sont à Fontenay-sous-Bois dans l'est parisien, mais une bonne partie de l'équipe tech. est en en full-remote. </p><p><a href="https://mamot.fr/tags/JeRecrute" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JeRecrute</span></a> <a href="https://mamot.fr/tags/Job" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Job</span></a> <a href="https://mamot.fr/tags/Dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Dev</span></a> <a href="https://mamot.fr/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Web</span></a> <a href="https://mamot.fr/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mamot.fr/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJS</span></a> <a href="https://mamot.fr/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mamot.fr/tags/CDI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CDI</span></a></p>
candide.xyz<p>Here are links to try out live demos of the <a href="https://vis.social/tags/PocketPortal" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PocketPortal</span></a> example projects:</p><p>Simple page: <a href="https://pocket-portal.github.io/code/Example%20Projects/2-Pocket_Portal--Simple_Page/data/index.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pocket-portal.github.io/code/E</span><span class="invisible">xample%20Projects/2-Pocket_Portal--Simple_Page/data/index.html</span></a></p><p>Digital colouring page: <a href="https://pocket-portal.github.io/code/Example%20Projects/3-Pocket_Portal--Colouring_Page/data/index.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pocket-portal.github.io/code/E</span><span class="invisible">xample%20Projects/3-Pocket_Portal--Colouring_Page/data/index.html</span></a></p><p>Music player (NEW): <a href="https://pocket-portal.github.io/code/Example%20Projects/4-Pocket_Portal--Music_Player/data/index.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pocket-portal.github.io/code/E</span><span class="invisible">xample%20Projects/4-Pocket_Portal--Music_Player/data/index.html</span></a></p><p>ELIZA-inspired chatbot (NEW): <a href="https://pocket-portal.github.io/code/Example%20Projects/5-Pocket_Portal--Eliza_Chatbot/data/index.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pocket-portal.github.io/code/E</span><span class="invisible">xample%20Projects/5-Pocket_Portal--Eliza_Chatbot/data/index.html</span></a></p><p>Code: <a href="https://github.com/pocket-portal/code/tree/main" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/pocket-portal/code/</span><span class="invisible">tree/main</span></a></p><p><a href="https://vis.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://vis.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://vis.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://vis.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://vis.social/tags/esp8266" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>esp8266</span></a> <a href="https://vis.social/tags/wifi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>wifi</span></a></p>
Risotto Bias<p>solo div development<br>"wait, did you mean solo dev?"<br>no, solo div.</p><p>&lt;html&gt;&lt;body&gt;&lt;div onload="{32mb JS}"&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;</p><p><a href="https://toot.risottobias.org/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://toot.risottobias.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://toot.risottobias.org/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://blob.love/@nora" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>nora</span></a></span> sadly not yet.</p><ul><li>But people can <a href="https://infosec.space/tags/fork" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fork</span></a> it as their <a href="https://infosec.space/tags/backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>backend</span></a> and <a href="https://infosec.space/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> as well as <a href="https://infosec.space/tags/App" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>App</span></a> is <a href="https://infosec.space/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a>.</li></ul><p>I just don't have time and budget to do so.</p>
Scripter :verified_flashing:<p>Frontend Gets Smarter: AI's JavaScript Revolution - The New Stack<br><a href="https://thenewstack.io/frontend-gets-smarter-ais-javascript-revolution/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thenewstack.io/frontend-gets-s</span><span class="invisible">marter-ais-javascript-revolution/</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/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://social.tchncs.de/tags/Artificialintelligence" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Artificialintelligence</span></a> <a href="https://social.tchncs.de/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a></p>
Peter Kröner<p>Just build your own <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> stuff already. It's fine. You don't need a complicated product sold to you by some company. It's really not that hard. And then it's all yours! It will only turn to crap if YOU want it to.</p><p><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Ian K. Rogers ikr?╭ರ_ಠ<p>It's no small thing, CSS can now do carousels natively, with no javascript.</p><p>"scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.</p><p>Even more impressive is the accessibility story.</p><p>Carousel best practices are handled by the browser, thanks to the engineering and accessibility teams working together. It'd be very difficult to make a more accessible carousel than this."</p><p><a href="https://mstdn.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mstdn.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mstdn.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> </p><p><a href="https://developer.chrome.com/blog/carousels-with-css" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/caro</span><span class="invisible">usels-with-css</span></a></p>
Joe Crawford<p>Next week Front End Study Hall will ride again ~ number 032 ~ come explore and study and complain about and learn from and get better at HTML and CSS and related *stuff* <a href="https://events.indieweb.org/2025/07/front-end-study-hall-032-UNvJ1sfd6VGX" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">events.indieweb.org/2025/07/fr</span><span class="invisible">ont-end-study-hall-032-UNvJ1sfd6VGX</span></a> (it's an <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a> <a href="https://xoxo.zone/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://xoxo.zone/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> thing and all are welcome) { &amp; hey, follow the calendar }</p>
Development Seed<p>We’re hiring a senior-level Frontend Engineer!</p><p>This role is about building tools that help people use Earth data to tackle real-world problems — from climate and conservation to disaster response and open science.</p><p>You’ll work with orgs like NASA and The Nature Conservancy, alongside a team that cares deeply about clarity, collaboration, and long-term impact.</p><p>Remote, open-source, and meaningful.<br>Details + apply: <a href="https://grnh.se/8gpicnip3us" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">grnh.se/8gpicnip3us</span><span class="invisible"></span></a></p><p><a href="https://fosstodon.org/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://fosstodon.org/tags/jobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobs</span></a> <a href="https://fosstodon.org/tags/hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hiring</span></a> <a href="https://fosstodon.org/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
zeldman<p>Welcome to CSS JOY (lol)! <a href="https://front-end.social/tags/webrings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webrings</span></a> <a href="https://front-end.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a></p><p><a href="https://cs.sjoy.lol/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">cs.sjoy.lol/</span><span class="invisible"></span></a></p>