.:\dGh/:.<p>I'm sorry <a href="https://mastodon.social/tags/ShadcnUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ShadcnUI</span></a>, but Nuxt UI is *THE* interface library to beat.</p><p>It's incredible the amount of plumbing I have to do with <a href="https://mastodon.social/tags/Shadcn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Shadcn</span></a> just to add make a button "loading".</p><p>Seems like Nuxt UI values my time.</p><p><a href="https://mastodon.social/tags/Vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Vue</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/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</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/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/Interface" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Interface</span></a> <a href="https://mastodon.social/tags/GraphicalInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GraphicalInterface</span></a> <a href="https://mastodon.social/tags/UILibrary" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UILibrary</span></a> <a href="https://mastodon.social/tags/Nuxt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nuxt</span></a> <a href="https://mastodon.social/tags/NuxtUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NuxtUI</span></a> <a href="https://mastodon.social/tags/RekaUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RekaUI</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/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</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/FrontendDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDesign</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/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/Code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Code</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/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
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:
206active users
eupolicy.social: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.3
#tailwindcss
0 posts · 0 participants · 0 posts today
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/Analyses" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Analyses</span></a><br>We keep reinventing CSS · But styling was never the problem <a href="https://ilo.im/1667em" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1667em</span><span class="invisible"></span></a></p><p>_____<br><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/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/CSSinJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSinJS</span></a> <a href="https://mastodon.social/tags/CssModules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssModules</span></a> <a href="https://mastodon.social/tags/BEM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BEM</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/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Svelte</span></a> <a href="https://mastodon.social/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJS</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/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
Michal Bryxí<p>In case you wondered: Frontile is now compatible[1] with TailwindCSS v4 \o/</p><p>Follow v4 manual [2] for setup.</p><p>[1]: <a href="https://github.com/josemarluedke/frontile/issues/338#event-18576600334" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/josemarluedke/front</span><span class="invisible">ile/issues/338#event-18576600334</span></a> <br>[2]: <a href="https://frontile.dev/docs/customization/theme#tailwind-css-v4" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontile.dev/docs/customizatio</span><span class="invisible">n/theme#tailwind-css-v4</span></a> </p><p><a href="https://mastodon.world/tags/EmberJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EmberJS</span></a> <a href="https://mastodon.world/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.world/tags/Frontile" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontile</span></a> <a href="https://mastodon.world/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a></p>
Marcus Jaschen<p>[…] 2/2</p><p>🌍 OpenInfraMap und ein neues Thema zum Reinnerden</p><p>🗺️ Alte Topografische Karten im Vergleich mit den aktuellen Ausgaben</p><p>🔊 In dieser Woche gehört: Max Muth, Tellerboy b2b Marlene del Mar, Hophiluck, JessRey, Yves Meyer und Ben Green</p><p><a href="https://mastodon.social/tags/Wochenr%C3%BCckblick" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Wochenrückblick</span></a> <a href="https://mastodon.social/tags/Bikerouter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bikerouter</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/Material" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Material</span></a> <a href="https://mastodon.social/tags/TourdeFrance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TourdeFrance</span></a> <a href="https://mastodon.social/tags/TdF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TdF</span></a> <a href="https://mastodon.social/tags/OpenInfraMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenInfraMap</span></a> <a href="https://mastodon.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenStreetMap</span></a> <a href="https://mastodon.social/tags/TopografischeKarte" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TopografischeKarte</span></a> <a href="https://mastodon.social/tags/Map" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Map</span></a> <a href="https://mastodon.social/tags/Techno" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techno</span></a></p><p><a href="https://www.marcusjaschen.de/blog/2025/2025-31/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">marcusjaschen.de/blog/2025/202</span><span class="invisible">5-31/</span></a></p>
Marcus Jaschen<p>Wochenrückblick, Ausgabe 103 (2025-31)</p><p>Themen:</p><p>🗺️ Die neue Bikerouter Sidebar</p><p>🎨 TailwindCSS- und Material-Farbcodes zum einfachen Kopieren</p><p>🚴♂️ Tour de France: Entwicklung der Durchschnittsgeschwindigkeiten über die Zeit</p><p>[…] 1/2</p><p><a href="https://mastodon.social/tags/Wochenr%C3%BCckblick" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Wochenrückblick</span></a> <a href="https://mastodon.social/tags/Bikerouter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bikerouter</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/Material" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Material</span></a> <a href="https://mastodon.social/tags/TourdeFrance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TourdeFrance</span></a> <a href="https://mastodon.social/tags/TdF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TdF</span></a> <a href="https://mastodon.social/tags/OpenInfraMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenInfraMap</span></a> <a href="https://mastodon.social/tags/OpenStreetMap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenStreetMap</span></a> <a href="https://mastodon.social/tags/TopografischeKarte" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TopografischeKarte</span></a> <a href="https://mastodon.social/tags/Map" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Map</span></a> <a href="https://mastodon.social/tags/Techno" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techno</span></a> </p><p><a href="https://www.marcusjaschen.de/blog/2025/2025-31/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">marcusjaschen.de/blog/2025/202</span><span class="invisible">5-31/</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/Collections" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Collections</span></a><br>SmoothUI · Customizable, smooth animated UI components <a href="https://ilo.im/164pvk" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164pvk</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Components</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/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/MotionDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MotionDev</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/DesignPatterns" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignPatterns</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/Animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Animations</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/Releases" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Releases</span></a><br>Tailwind Plus adds vanilla JavaScript support · UI blocks no longer require a JavaScript framework <a href="https://ilo.im/165nit" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165nit</span><span class="invisible"></span></a></p><p>_____<br><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/DesignPatterns" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignPatterns</span></a> <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/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</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/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></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/Fun" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fun</span></a><br>My tech stack in LEGO · Who says your stack can’t live beyond the screen? <a href="https://ilo.im/165ey5" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165ey5</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Lego" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Lego</span></a> <a href="https://mastodon.social/tags/TechStack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechStack</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/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlpineJS</span></a> <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a> <a href="https://mastodon.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Laravel</span></a> <a href="https://mastodon.social/tags/Pest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pest</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/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Backend</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/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Launches</span></a><br>Kigen Color Generator · A powerful web tool to create refined color palettes <a href="https://ilo.im/165ebn" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165ebn</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Color</span></a> <a href="https://mastodon.social/tags/ColorPalettes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalettes</span></a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</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/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</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/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a></p>
Scott Wright 🏳️🌈🏳️⚧️<p>I’m upgrading a <a href="https://ruby.social/tags/Rails" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rails</span></a> app from 7.1 to 8.02. The App uses tailwindcss-rails even though I don’t use any <a href="https://ruby.social/tags/TailwindCss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCss</span></a> in the app. I had problems taking Tailwind to 4.x so I pinned it to ~> 3.3.1 per the README. I’d love to get over the hump and get it all the way to 4.x. but there was an @forms plugin that seemed to be missing.</p><p>Anyone know of specific steps to upgrade a Rails App? (The instructions seem more geared to a generic App and I can’t seem to make the translation). Boosts appreciated.</p>
Nube Colectiva<p>Color Scheme Utilities in Tailwind CSS 4 ! 🇺🇸<br>🔎Zoom: <a href="https://nubecolectiva.com/comunidad/flyers/color-scheme-utilities-tailwind-css4/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/comunidad/fl</span><span class="invisible">yers/color-scheme-utilities-tailwind-css4/</span></a> </p><p>Utilidades color-scheme en Tailwind CSS 4 ! 🇪🇸<br>🔎Zoom: <a href="https://nubecolectiva.com/comunidad/flyers/color-scheme-tailwind-css4/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/comunidad/fl</span><span class="invisible">yers/color-scheme-tailwind-css4/</span></a></p><p><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/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</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/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</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/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a></p>
adamghill<p>Colophon for <a href="https://beesocial.dev" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">beesocial.dev</span><span class="invisible"></span></a> for anyone interested: <a href="https://beesocial.dev/colophon" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">beesocial.dev/colophon</span><span class="invisible"></span></a>.</p><p>No vibe coding, just good vibes.</p><p><a href="https://indieweb.social/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> <a href="https://indieweb.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> <a href="https://indieweb.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://indieweb.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> <a href="https://indieweb.social/tags/SQLite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SQLite</span></a> <a href="https://indieweb.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a></p>
Jan<p><span class="h-card" translate="no"><a href="https://mastodon.bsd.cafe/@stefano" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>stefano</span></a></span> Feeling the pain with <a href="https://x0r.be/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> on OpenBSD. V3 was working with some fiddling but V4 broke again. It is pretty annoying to be honest.</p><p><a href="https://x0r.be/tags/FreeBSD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FreeBSD</span></a> <a href="https://x0r.be/tags/OpenBSD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenBSD</span></a> <a href="https://x0r.be/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
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" 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" target="_blank">#<span>Django</span></a> <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlpineJS</span></a> <a href="https://fosstodon.org/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Playwright</span></a></p>
ShnizmuffiN<p><a href="https://toots.inbutts.lol/tags/introduction" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>eleventy</span></a> <a href="https://toots.inbutts.lol/tags/webc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webc</span></a> <a href="https://toots.inbutts.lol/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>php</span></a> <a href="https://toots.inbutts.lol/tags/statamic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>statamic</span></a> <a href="https://toots.inbutts.lol/tags/laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>laravel</span></a> <a href="https://toots.inbutts.lol/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> <a href="https://toots.inbutts.lol/tags/alpinejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alpinejs</span></a> uhhh whatever <a href="https://toots.inbutts.lol/tags/sql" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sql</span></a> and I guess <a href="https://toots.inbutts.lol/tags/nginx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nginx</span></a> <a href="https://toots.inbutts.lol/tags/docker" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#<span>ttrpg</span></a> <a href="https://toots.inbutts.lol/tags/dnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dnd</span></a> <a href="https://toots.inbutts.lol/tags/pathfinder" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pathfinder</span></a> <a href="https://toots.inbutts.lol/tags/5e" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>5e</span></a> <a href="https://toots.inbutts.lol/tags/pf2e" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>selfhosted</span></a> <a href="https://toots.inbutts.lol/tags/plex" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plex</span></a> <a href="https://toots.inbutts.lol/tags/lemmy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lemmy</span></a> <a href="https://toots.inbutts.lol/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodon</span></a> <a href="https://toots.inbutts.lol/tags/pihole" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pihole</span></a> and throw some darts at <a href="https://selfh.st" rel="nofollow noopener" 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>
Lukas<p>Hey Fediverse, ich habe freie Kapazitäten für neue Projekte. Mein Fokus liegt in der Umsetzung von maßgeschneiderter Software. Dafür setze ich folgende Technologie ein: <a href="https://metalhead.club/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a>, <a href="https://metalhead.club/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Laravel</span></a>, <a href="https://metalhead.club/tags/LaravelLivewire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LaravelLivewire</span></a>, <a href="https://metalhead.club/tags/Vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Vue</span></a>, <a href="https://metalhead.club/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a>.</p><p>Fall ihr Unterstützung sucht, gerne bei mir melden.</p><p>➡️ <a href="https://leitsch.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">leitsch.org</span><span class="invisible"></span></a></p><p>Gerne RT. </p><p><a href="https://metalhead.club/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://metalhead.club/tags/FediHire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediHire</span></a> <a href="https://metalhead.club/tags/fedijobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fedijobs</span></a> <a href="https://metalhead.club/tags/Hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hiring</span></a> <a href="https://metalhead.club/tags/freelance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>freelance</span></a> <a href="https://metalhead.club/tags/jobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobs</span></a></p>
Nicd<p>I made a website for playing planning poker: <a href="https://estimated-done.ahlcode.fi/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">estimated-done.ahlcode.fi/</span><span class="invisible"></span></a></p><p>It's made in full stack Gleam, using the magnificent Lustre framework for the frontend. Also my first app using Tailwind.</p><p>Very bare bones right now, I'll add some customisation features later.</p><p>Sources are here: <a href="https://git.ahlcode.fi/nicd/estimated-done" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">git.ahlcode.fi/nicd/estimated-</span><span class="invisible">done</span></a> (AGPLv3).</p><p><a href="https://masto.ahlcode.fi/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://masto.ahlcode.fi/tags/Gleam" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gleam</span></a> <a href="https://masto.ahlcode.fi/tags/Lustre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Lustre</span></a> <a href="https://masto.ahlcode.fi/tags/BEAM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BEAM</span></a> <a href="https://masto.ahlcode.fi/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a></p>
PointPlus<p><strong>Morgenbord : Les choix fronts</strong></p>
Je n'aime pas le frontend… C'est pas une aversion pour autant mais c'est un sujet difficile. J'ai pourtant essayé dès le début, vers 2000 (oui oui, l'année), quand on utilisait des TABLE avec des images transparentes de 1×1px pour faire sa mise en page. Il n'y avait pas de CSS à l'époque. Quand le CSS est arrivé j'ai cru que ça me sauverait un peu mais en fait non, toujours pas… Je n'ai pas cette fibre graphique qui met des paillettes et des licornes pile là où il faut. […]
<p><a href="https://blog.plus.yt/2025/03/morgenbord-les-choix-fronts/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.plus.yt/2025/03/morgenbor</span><span class="invisible">d-les-choix-fronts/</span></a></p>
Rasmus Grouleff (he/him)<p>I have no idea what kind of magic <a href="https://mstdn.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> v4 uses underneath. But I’m quite pleased that this first attempt at adding a utility just works 🥳</p>
Sheena<p>My current <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>HTMX</span></a><br>- <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlpineJS</span></a><br>- <a href="https://fosstodon.org/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <br>- <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener" 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>
TrendingLive 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