23.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Hackers welcome. Politics welcome. Please introduce yourself properly if you want to join. See https://23.social/@ordnung/111782557538356609

Administered by:

Server stats:

202
active users

#frontend

5 posts5 participants0 posts today
International Degrowth Network<p>🧑🏾‍💻 Web Design Volunteer Wanted! 🌿</p><p>The International Degrowth Network is looking for a passionate front-end developer to help us enhance the design and UI of degrowth.net!</p><p>If you believe in building a just future and have experience in web design, we'd love to have you on board. This is a great opportunity to contribute your skills to a meaningful cause.</p><p>📩 Interested? Reach out to explore@degrowth.net!</p><p><a href="https://degrowth.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://degrowth.social/tags/Degrowth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Degrowth</span></a> <a href="https://degrowth.social/tags/Sustainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sustainability</span></a> <a href="https://degrowth.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Guides</span></a><br>Hash functions deep dive · Demystifying a key concept for developers <a href="https://ilo.im/162eh5" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162eh5</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Algorithms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Algorithms</span></a> <a href="https://mastodon.social/tags/Data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Data</span></a> <a href="https://mastodon.social/tags/Hashes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hashes</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Backend</span></a></p>
Drew<p>so why do people in frontend-land use shadcn/ui? I don't really get what it is</p><p><a href="https://hachyderm.io/tags/DuckDuckFedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DuckDuckFedi</span></a> <a href="https://hachyderm.io/tags/lazyweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lazyweb</span></a> <a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Blake (Pandora Blake)<p>Calling all front-end devs!</p><p>I need to hire a javascript developer for a one-off job helping me with a custom integration between a hosted node.js widget and a self-hosted Wordpress site. </p><p>The job is limited in scope and should take hours or at most days.</p><p>Timescale: relatively urgent, ideally I'd like the work done as soon as possible.</p><p>Happy to pay your usual contracting rate.</p><p>Spread the word!</p><p><a href="https://mstdn.party/tags/FediHired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FediHired</span></a> <a href="https://mstdn.party/tags/GetFediHired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GetFediHired</span></a> <a href="https://mstdn.party/tags/freelance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>freelance</span></a> <a href="https://mstdn.party/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mstdn.party/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mstdn.party/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nodejs</span></a> <a href="https://mstdn.party/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a></p>
Stefan<p>QuasselFritze.de wieder reaktiviert zum Micro-Bloggen und somit weniger Mastodon in Zukunft! <br><a href="https://kranzkrone.de/quasselfritze-de-wieder-reaktiviert-zum-micro-bloggen-und-somit-weniger-mastodon-in-zukunft/blog/09/02/2025/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kranzkrone.de/quasselfritze-de</span><span class="invisible">-wieder-reaktiviert-zum-micro-bloggen-und-somit-weniger-mastodon-in-zukunft/blog/09/02/2025/</span></a> <br>Einst hatte ich quasselfritze.de in der Vergangenheit als meine eigene Variante vom damaligen Twitter mit den Vorzügen eines Blog auf der Basis von WordPress erstellt, …<br><a href="https://quasselkopf.de/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Code</span></a> <a href="https://quasselkopf.de/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fediverse</span></a> <a href="https://quasselkopf.de/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://quasselkopf.de/tags/Funktionsweise" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Funktionsweise</span></a> <a href="https://quasselkopf.de/tags/Gewohnheiten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gewohnheiten</span></a> <a href="https://quasselkopf.de/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mastodon</span></a> <a href="https://quasselkopf.de/tags/MicroBloggen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MicroBloggen</span></a> <a href="https://quasselkopf.de/tags/P2Theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>P2Theme</span></a> <a href="https://quasselkopf.de/tags/Plugin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Plugin</span></a> <a href="https://quasselkopf.de/tags/quasselfritze" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>quasselfritze</span></a>.de <a href="https://quasselkopf.de/tags/Rekonstruktion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rekonstruktion</span></a> <a href="https://quasselkopf.de/tags/Twitter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Twitter</span></a> <a href="https://quasselkopf.de/tags/Umstellung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Umstellung</span></a> <a href="https://quasselkopf.de/tags/WayBackMachine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WayBackMachine</span></a> <a href="https://quasselkopf.de/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a></p>
Chris Henrick<p>The past few weeks at work I literally removed 250 lines of TypeScript and TSX in our production code by using the "C" in CSS. Cascade for the win!</p><p><a href="https://indieweb.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://indieweb.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://indieweb.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Inga<p>Recruitment update <span class="h-card" translate="no"><a href="https://mastodon.social/@Mastodon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Mastodon</span></a></span>:</p><p>We are pausing applications for our Front-end Developer role.</p><p>We've received 221 applications so far - 35% of which are still active in our pipeline.</p><p>There are new applications we haven't screened yet and a larger proportion of candidates on hold.</p><p>This is because we have now completed our 1st batch of intro calls and selected a handful of candidates for the next stage - our technical screening.</p><p>We'll be in touch when we have more updates!</p><p><a href="https://mastodon.social/tags/Fedihire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fedihire</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Tomas Norre :verified:<p>A <a href="https://phpc.social/tags/TYPO3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TYPO3</span></a> <a href="https://phpc.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> capable person, who would like to help me with the auto update status bar, of the <a href="https://phpc.social/tags/Crawler" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Crawler</span></a> in the TYPO3 Backend? </p><p><a href="https://github.com/tomasnorre/crawler/issues/901" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/tomasnorre/crawler/</span><span class="invisible">issues/901</span></a></p>
kolya<p>I worked on a <a href="https://social.cologne/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> feature that slightly zooms and pans pictures on something like a gallery page. For various reasons this took over a week. So for days on end I stared at these pics, trying to determine if they're slowly zooming and panning. And now I SEE IT EVERYWHERE on every picture I look at. This is my curse and that is my tale.</p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Relaunches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Relaunches</span></a><br>Slow Roads 2.0 · A browser-based driving game with generated scenery <a href="https://ilo.im/1624th" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1624th</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/SideProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SideProject</span></a> <a href="https://mastodon.social/tags/Game" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Game</span></a> <a href="https://mastodon.social/tags/Scenery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Scenery</span></a> <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>3D</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/WebGL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGL</span></a> <a href="https://mastodon.social/tags/ThreeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ThreeJS</span></a></p>
Marco<p><span>Ich habe jetzt einen Tag etwas mit </span><a href="https://iceshrimp.de/tags/Iceshrimp" rel="nofollow noopener noreferrer" target="_blank">#Iceshrimp</a><span> gespielt. Es gibt ein paar Merkwürdigkeiten. Zum einen scheint es ziemlich leicht zu passieren, dass die Darstellung der Home-Timeline durcheinanderkommt und Posts doppelt, dreifach, vierfach beim Navigieren mit k und j gelesen werden. Nur ein Refresh im Browser korrigiert es, bis es eben wieder passiert. Das scheint vor allem dann zu passieren, wenn man aus der TL heraus ein Profil aufruft, in die Einstellungen geht und daraus zurückkehrt usw. Ein festes Muster habe ich nicht gefunden, ist aber irritierend.<br><br>Ein weiteres ungewöhnliches Verhalten ist, dass, wenn ich meinen Lieblings-Client für iOS und MacOS, Mona, mit meinem Account verbinde, dass ich </span><i><span>alle</span></i><span> Replies von denjenigen, denen ich folge, ausgeliefert bekomme. Also nicht nur die an gemeinsame Followings, sondern auch die an alle, denen ich nicht folge, die aber zumindest ungelistet oder öffentlich sind. Bei meinem primären Server, der Mastodon laufen hat, sehe ich in der Timeline im Browser und in Mona nur die Replies an Leute, denen ich auch folge. Im Browser in Iceshrimp, wo ich "Zeige Replies in der Timeline an" ausgeschaltet habe (bzw. das wohl standardmäßig so war), passiert das nicht, es passiert nur, wenn Mona die Timeline per API abruft.<br><br>Was mir positiv auffällt: Sowohl in den Commits der aktuellen stabilen JS-Version als auch in dem komplett neu geschriebenen Server auf .NET-Basis sehe ich fürs Front-End viele viele Commits, die sich mit der Verbesserung der Barrierefreiheit beschäftigen. Das macht viel Mut, dass hier schon bei der Entwicklung ein Fokus drauf liegt. Also ein großes Dankeschön an das Team!<br><br>Es gibt einige kleinere Probleme in der Fokus- und Tastaturbehandlung. So hört man mit ScreenReader z.B. nicht, wenn man ein Profil anklickt, dass sich ein Popover geöffnet hat, in dem man mit dem Profil interagiert. Und auch die Fokustransitionen aus Popovern heraus zurück zu dem Punkt, von wo man gestartet ist, funktionieren oft nicht sauber. Man sucht also öfter den Punkt, an dem man war, um z.B. die Timeline weiterzulesen.<br><br>Als nächstes werde ich mir mal dieses Drive anschauen, aber vermutlich erst morgen.<br><br></span><a href="https://iceshrimp.de/tags/accessibility" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a><span> </span><a href="https://iceshrimp.de/tags/frontend" rel="nofollow noopener noreferrer" target="_blank">#frontend</a><span> </span><a href="https://iceshrimp.de/tags/ScreenReader" rel="nofollow noopener noreferrer" target="_blank">#ScreenReader</a><span> </span><a href="https://iceshrimp.de/tags/Barrierefreiheit" rel="nofollow noopener noreferrer" target="_blank">#Barrierefreiheit</a></p>
GNU/Trinukso ۞<p>¿Me podéis pasar el <a href="https://masto.ai/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> ese para <a href="https://masto.ai/tags/tiktok" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tiktok</span></a> para ver vídeos sin registrarte ni mierdas. Se pasó por aquí hace poco pero lo olvidé.</p>
Inautilo<p>“We’re not becoming 10x developers with AI. We’re becoming 10x dependent on AI.” — Namanyay Goel</p><p>_____<br><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/Skills" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Skills</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/GenerativeAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GenerativeAI</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Backend</span></a> <a href="https://mastodon.social/tags/Quotes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Quotes</span></a></p>
Wolkensteine<p>I've added the missing left info area. And it already displays the <a href="https://social.linux.pizza/tags/coverart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coverart</span></a> ! I am quite happy with that. <br>Underneath that I'll also add some more information about the song and/or the <a href="https://social.linux.pizza/tags/lyrics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lyrics</span></a> I am going to see what is doable for me with my limited <a href="https://social.linux.pizza/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> knowledge and well limited skills overall. </p><p><a href="https://social.linux.pizza/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://social.linux.pizza/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>python</span></a> <a href="https://social.linux.pizza/tags/flask" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flask</span></a> <a href="https://social.linux.pizza/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://social.linux.pizza/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>music</span></a></p>
seism0saurus<p>Ich bin ja eigentlich Backenentwickler, DevOps Engineer oder Security Mensch. Manchmal muss ich aber auch Frontend für private Projekte bauen. Die veröffentlichte ich auch als OpenSource. Vielleicht kannst ja jemand gebrauchen.<br>Dafür würde ich in den Oberflächen gerne mehr Accessability beachten. Hab aber keine Ahnung, wo ich da bei Angular anfangen soll.<br>Hat jemand einen Geheimtipp, womit ich leicht einsteigen kann?<br>Welche Maßnahmen helfen mit wenig Aufwand viel und sollten als erstes umgesetzt werden?</p><p><a href="https://infosec.exchange/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://infosec.exchange/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://infosec.exchange/tags/angular" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>angular</span></a></p>
Frontend Dogma<p>Learn frontend and web development with Frontend&nbsp;Dogma:</p><p>→ Frontend news (easy to follow per RSS feed—also for individual topics—and social&nbsp;media)</p><p>→ Frontend history</p><p>→ Web-based (and free) tools</p><p>→ Ebooks</p><p>→ Remote frontend jobs (upcoming)</p><p><a href="https://frontenddogma.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">frontenddogma.com/</span><span class="invisible"></span></a></p><p><a href="https://mas.to/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mas.to/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mas.to/tags/webplatform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webplatform</span></a></p>
Fraunhofer FOKUS<p>Du suchst eine spannende Herausforderung neben Deinem Informatik-Studium?</p><p>Dann werde Werkstudent:in im Bereich <a href="https://social.bund.de/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> / <a href="https://social.bund.de/tags/Webentwicklung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Webentwicklung</span></a> an unserem Institut! <br> 💻 💼</p><p>Klingt interessant? Dann bewirb' Dich jetzt und werde Teil unseres Teams: 👉🏼 <a href="https://jobs.fraunhofer.de/job/Berlin-Werkstudentin-Frontend-Webentwicklung-10589/1161386001/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jobs.fraunhofer.de/job/Berlin-</span><span class="invisible">Werkstudentin-Frontend-Webentwicklung-10589/1161386001/</span></a></p><p><a href="https://social.bund.de/tags/Job" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Job</span></a> <a href="https://social.bund.de/tags/ITjobs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ITjobs</span></a> <a href="https://social.bund.de/tags/Werkstudent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Werkstudent</span></a> <a href="https://social.bund.de/tags/Werkstudentin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Werkstudentin</span></a> <a href="https://social.bund.de/tags/Wirvernetzenalles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wirvernetzenalles</span></a></p>
Hilko<p>Ich hab mal ein Überblicksvideo zu Web-Fonts gemacht, was es da gibt (z.B. Variable Fonts) und wie man die performant und zugeschnitten verwenden kann (Subsetting, Preload-Hints und Format-Konvertierung):<br><a href="https://youtu.be/6AxuFn0W3Ok" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/6AxuFn0W3Ok</span><span class="invisible"></span></a></p><p><a href="https://social.tchncs.de/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://social.tchncs.de/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://social.tchncs.de/tags/webfonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webfonts</span></a> <a href="https://social.tchncs.de/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typography</span></a> <a href="https://social.tchncs.de/tags/webtypography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webtypography</span></a> <a href="https://social.tchncs.de/tags/tutorial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tutorial</span></a> <a href="https://social.tchncs.de/tags/subsetting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>subsetting</span></a></p>
Felix 🇺🇦🚴‍♂️🇨🇦🇬🇱🇩🇰🇲🇽🇵🇦<p>does anyone know if you can define an x-model filter/mapper in <a href="https://norden.social/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a> for example, so that you can filter or modify the value before the actual model proxy is updated? Would be super practical, maybe there is also a plugin for this? <a href="https://norden.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://norden.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Jörgi<p><span class="h-card" translate="no"><a href="https://correctiv.social/@correctiv_org" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>correctiv_org</span></a></span> sucht eine*n Frontender*in in Berlin.<br>Klänge sehr interessant, wäre ich nicht nur im Backend unterwegs.</p><p><a href="https://goodjobs.eu/jobs/senior-software-developerin-correctiv-recherchen-fur-die-gesellschaft-ggmbh" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">goodjobs.eu/jobs/senior-softwa</span><span class="invisible">re-developerin-correctiv-recherchen-fur-die-gesellschaft-ggmbh</span></a> </p><p><a href="https://chaos.social/tags/FediHire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FediHire</span></a> <a href="https://chaos.social/tags/correctiv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>correctiv</span></a> <a href="https://chaos.social/tags/nonazis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nonazis</span></a> <a href="https://chaos.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://chaos.social/tags/frontendjobs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontendjobs</span></a></p>