Sheena<p>If you are a Python web developer and would like some frontend superpowers without the Javascript fatigue, consider joining my upcoming modern frontends learning sprint.</p><p><a href="https://prelude.tech/upcoming_workshops/9/details" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">prelude.tech/upcoming_workshop</span><span class="invisible">s/9/details</span></a> </p><p><a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Django</span></a> <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTMX</span></a> <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a> <a href="https://fosstodon.org/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TailwindCSS</span></a> <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Playwright</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
eupolicy.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This Mastodon server is a friendly and respectful discussion space for people working in areas related to EU policy. When you request to create an account, please tell us something about you.
Administered by:
Server stats:
213active users
eupolicy.social: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.8
#AlpineJS
1 post · 1 participant · 0 posts today
ShnizmuffiN<p><a href="https://toots.inbutts.lol/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a></p><p>I make websites. Sometimes I toot about it.<br><a href="https://toots.inbutts.lol/tags/eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eleventy</span></a> <a href="https://toots.inbutts.lol/tags/webc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webc</span></a> <a href="https://toots.inbutts.lol/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>php</span></a> <a href="https://toots.inbutts.lol/tags/statamic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>statamic</span></a> <a href="https://toots.inbutts.lol/tags/laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>laravel</span></a> <a href="https://toots.inbutts.lol/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwindcss</span></a> <a href="https://toots.inbutts.lol/tags/alpinejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>alpinejs</span></a> uhhh whatever <a href="https://toots.inbutts.lol/tags/sql" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sql</span></a> and I guess <a href="https://toots.inbutts.lol/tags/nginx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nginx</span></a> <a href="https://toots.inbutts.lol/tags/docker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>docker</span></a> and all that crap all the way down. <a href="https://toots.inbutts.lol/tags/fullstack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fullstack</span></a></p><p>I play RPGs with friends. Sometimes I toot about it.<br><a href="https://toots.inbutts.lol/tags/ttrpg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ttrpg</span></a> <a href="https://toots.inbutts.lol/tags/dnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dnd</span></a> <a href="https://toots.inbutts.lol/tags/pathfinder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pathfinder</span></a> <a href="https://toots.inbutts.lol/tags/5e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>5e</span></a> <a href="https://toots.inbutts.lol/tags/pf2e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pf2e</span></a> </p><p>I am my group's sysadmin. Sometimes I toot about it.<br><a href="https://toots.inbutts.lol/tags/selfhosted" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>selfhosted</span></a> <a href="https://toots.inbutts.lol/tags/plex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plex</span></a> <a href="https://toots.inbutts.lol/tags/lemmy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lemmy</span></a> <a href="https://toots.inbutts.lol/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mastodon</span></a> <a href="https://toots.inbutts.lol/tags/pihole" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pihole</span></a> and throw some darts at <a href="https://selfh.st" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">selfh.st</span><span class="invisible"></span></a> and you catch the rest.</p><p>Hot takes, bad jokes, etc.</p>
Sheena<p>My current <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Django</span></a> frontend dev stack is (including some dx tools):</p><p>- <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTMX</span></a><br>- <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a><br>- <a href="https://fosstodon.org/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TailwindCSS</span></a> <br>- <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Playwright</span></a><br>- Django Template Partials <br>- Django Browser Reload </p><p>Are there any other frontend-related tools that would complement these? What do you use?</p>
LavX News<p>From Framework Fatigue to Lightning-Fast Performance: The Vade Studio Journey</p><p>In the relentless pursuit of web performance, Vade Studio navigated through the complexities of modern frameworks to achieve stunning page load speeds. Discover how a simple shift in architecture and ...</p><p><a href="https://news.lavx.hu/article/from-framework-fatigue-to-lightning-fast-performance-the-vade-studio-journey" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">news.lavx.hu/article/from-fram</span><span class="invisible">ework-fatigue-to-lightning-fast-performance-the-vade-studio-journey</span></a></p><p><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://mastodon.cloud/tags/WebPerformance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPerformance</span></a> <a href="https://mastodon.cloud/tags/Clojure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Clojure</span></a> <a href="https://mastodon.cloud/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a></p>
Marcus Jaschen<p>Wochenrückblick, Ausgabe 76 (2025-03)</p><p>Themen:</p><p>☕ Neuer Espressobereiter im Haus: Coffee Miner Neo Flex</p><p>🌳 Update für meinen Linktree</p><p>⛰️ Alpine AJAX für Alpine.js</p><p>🌦️ smuwetter für schnelle Wetterinfos</p><p>🤖 Wikenigma: Wiki für Wissenslücken</p><p>🐚 GNU Stow für Dotfiles</p><p>🔊 Musik: Stefan Muchte, John 00 Fleming, Vladis Cue, Juliane Wolf.</p><p><a href="https://social.tchncs.de/tags/Wochenr%C3%BCckblick" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wochenrückblick</span></a> <a href="https://social.tchncs.de/tags/Espresso" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Espresso</span></a> <a href="https://social.tchncs.de/tags/Kaffee" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kaffee</span></a> <a href="https://social.tchncs.de/tags/NeoFlex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NeoFlex</span></a> <a href="https://social.tchncs.de/tags/CoffeeMiner" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CoffeeMiner</span></a> <a href="https://social.tchncs.de/tags/Rancilio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rancilio</span></a> <a href="https://social.tchncs.de/tags/Linktree" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linktree</span></a> <a href="https://social.tchncs.de/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a> <a href="https://social.tchncs.de/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htmx</span></a> <a href="https://social.tchncs.de/tags/Wetter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wetter</span></a> <a href="https://social.tchncs.de/tags/OpenData" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenData</span></a> <a href="https://social.tchncs.de/tags/Wikenigma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wikenigma</span></a> <a href="https://social.tchncs.de/tags/CLI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CLI</span></a> <a href="https://social.tchncs.de/tags/stow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>stow</span></a> <a href="https://social.tchncs.de/tags/techno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>techno</span></a></p><p><a href="https://www.marcusjaschen.de/blog/2025/2025-03/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">marcusjaschen.de/blog/2025/202</span><span class="invisible">5-03/</span></a></p>
Roman Roelofsen<p>My advice: Keep the tech stack simple! Use fullstack frameworks like <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Django</span></a> and add some sugar on top with e.g. <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTMX</span></a> and <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a>. Accept that the web is document-based. <a href="https://fosstodon.org/tags/Basecamp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Basecamp</span></a> and <a href="https://fosstodon.org/tags/Hey" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hey</span></a> are good examples for this "UI-style". But sure, go ahead and create the next GMail-UI or Asana-UI if you have the money and resources 😉</p>
Matthias Andrasch<p>If you come across the datastar and Spark headlines for CraftCMS and wonder „Whaaaaaaat is going on now? We already have Sprig?! 🤔🤔🤔" - here is the explainer: </p><p>„The Case for Spark“ by <span class="h-card" translate="no"><a href="https://mastodon.social/@bencroker" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>bencroker</span></a></span> <a href="https://github.com/putyourlightson/craft-spark/discussions/2" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/putyourlightson/cra</span><span class="invisible">ft-spark/discussions/2</span></a></p><p>More:<br>CraftQuest on Call episode: <a href="https://craftquest.io/livestreams/intro-to-spark-and-datastar" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">craftquest.io/livestreams/intr</span><span class="invisible">o-to-spark-and-datastar</span></a><br>Datastar - basically like htmx + Alpine.js combined: <a href="https://data-star.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">data-star.dev/</span><span class="invisible"></span></a><br>Spark (CraftCMS Plugin for datastar): <a href="https://putyourlightson.com/plugins/spark" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">putyourlightson.com/plugins/sp</span><span class="invisible">ark</span></a></p><p><a href="https://social.tchncs.de/tags/datastar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>datastar</span></a> <a href="https://social.tchncs.de/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://social.tchncs.de/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://social.tchncs.de/tags/craftcms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>craftcms</span></a> <a href="https://social.tchncs.de/tags/hypermedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hypermedia</span></a> <a href="https://social.tchncs.de/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htmx</span></a> <a href="https://social.tchncs.de/tags/alpinejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>alpinejs</span></a> <a href="https://social.tchncs.de/tags/sprig" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sprig</span></a></p>
Felix 🇺🇦🚴♂️🇨🇦🇬🇱🇩🇰🇲🇽🇵🇦 🇪🇺<p><span class="h-card" translate="no"><a href="https://norden.social/@scaperista" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>scaperista</span></a></span> Yes, that's right, it's supposed to be quite good. <br>I thought I could just use my old, very extensive <a href="https://norden.social/tags/Wicket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wicket</span></a>+<a href="https://norden.social/tags/Spring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Spring</span></a> knowledge. I've always really liked the web framework. I got very fast results with it (especially when it comes to web interfaces). Of course I can only build an API in Java and use <a href="https://norden.social/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htmx</span></a> <a href="https://norden.social/tags/alpinejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>alpinejs</span></a> or <a href="https://norden.social/tags/vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vue</span></a> in the frontend. Might also be a possibility.</p>
jbz<p>⚡HTML-ivating your Django web app's experience with HTMX, AlpineJS, and streaming HTML - Chris May</p><p><a href="https://indieweb.social/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Django</span></a> <a href="https://indieweb.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTMX</span></a> <a href="https://indieweb.social/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a> <a href="https://indieweb.social/tags/DjangoCon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DjangoCon</span></a> <a href="https://indieweb.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a><br><a href="https://www.youtube.com/watch?v=kYV8K71pY64" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=kYV8K71pY6</span><span class="invisible">4</span></a></p>
Carlton Gibson 🇪🇺<p><span class="h-card" translate="no"><a href="https://fosstodon.org/@djangoparismeetup" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>djangoparismeetup</span></a></span> I’m excited about this. I’m going to be talking about the way I’ve been doing forms, since <a href="https://fosstodon.org/tags/django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>django</span></a> 5.0, with <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a>, and then django-template-partials. It’s a lot of fun 😘👌 <a href="https://fosstodon.org/tags/StillNoChefsKissEmoji" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StillNoChefsKissEmoji</span></a></p><p><a href="https://fosstodon.org/@carlton/111917663733972520" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">fosstodon.org/@carlton/1119176</span><span class="invisible">63733972520</span></a></p>
Daniel<p>Over the past month, I have been building a <a href="https://mastodon.social/tags/moodtracking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>moodtracking</span></a> and <a href="https://mastodon.social/tags/journal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>journal</span></a> application for <a href="https://mastodon.social/tags/selfhosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>selfhosting</span></a> using <a href="https://mastodon.social/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Django</span></a> for the back-end and <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TailwindCSS</span></a> + <a href="https://mastodon.social/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a> for the front-end and I think it's time to start showcasing it! 🙂</p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload