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.

Server stats:

221
active users

#tailwindcss

1 post1 participant0 posts today
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 ~&gt; 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>
Jakob Miksch<p>I am looking for a lightweight <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/compontent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>compontent</span></a> library for <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/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjs</span></a> , ideally compatible with <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/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> only with basic components like <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dropdown</span></a> <a href="https://mastodon.social/tags/dialog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dialog</span></a> <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>modal</span></a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>popover</span></a> <a href="https://mastodon.social/tags/button" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>button</span></a> <a href="https://mastodon.social/tags/checkbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>checkbox</span></a> <br>any tips?</p>
Michael Smith<p>Pro tip: when using <a href="https://social.hacktheplanet.be/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> make SURE you configure all relevant template files in the Tailwind configuration. If you use Tailwind classes in template files not scanned by Tailwind, they will not end up in the build and this can cause really weird bugs. I have to admit it's not the first time this bites me 😅 <a href="https://social.hacktheplanet.be/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://social.hacktheplanet.be/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Revath S Kumar :javascript:<p>Hope <a href="https://fosstodon.org/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> support <a href="https://fosstodon.org/tags/flexbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>flexbox</span></a> safe alignment utilities soon.</p>
lil5 :golang: 🌱 :react:<p><span class="h-card" translate="no"><a href="https://mastodon.social/@urlyman" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>urlyman</span></a></span> don’t bash it until you’ve really tried it. </p><p>Working with tailwind (with <a href="https://fosstodon.org/tags/daisyui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>daisyui</span></a> ) in a team has been a huge success. </p><p>Sadly most try <a href="https://fosstodon.org/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> pure without a component library around it, and it obviously becomes a mess.</p>
Daniel<p>Using <a href="https://mastodon.social/tags/SQL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SQL</span></a> directly instead of <a href="https://mastodon.social/tags/SQLAlchemy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SQLAlchemy</span></a> reminds me of the time I stopped using <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> and started using "vanilla" <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a>. Not as challenging as I thought and actually quite enjoyable.</p>
Samuel Plumppu<p>I really enjoyed the visual examples in this talk by <span class="h-card" translate="no"><a href="https://hachyderm.io/@simonswiss" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>simonswiss</span></a></span>!</p><p>I have a similar experience with Tailwind CSS making it so much easier to collaborate closely with designers and developers - especially during the crucial prototyping stage. In small teams, this saves a lot of time compared to first designing, iterating and *then* implementing.</p><p>📺 Watch the talk: <a href="https://www.epicweb.dev/talks/unleashing-designers-with-tailwind-css" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">epicweb.dev/talks/unleashing-d</span><span class="invisible">esigners-with-tailwind-css</span></a></p><p><a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</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/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://fosstodon.org/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://fosstodon.org/tags/prototyping" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>prototyping</span></a> <a href="https://fosstodon.org/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a></p>
Michal Bryxí 🌱<p>I'm now contributing to a project that uses <a href="https://veganism.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> / <a href="https://veganism.social/tags/SCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SCSS</span></a> for styling. Coming from a place / projects that have exclusively used <a href="https://veganism.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> for past ~3 years: This is a nightmare. The guesswork of "what happens if I do X" is equivalent to playing a minesweeper on an expert mode. And I have to constantly switch focus between N files to hopefully make sense of what is that one line of HTML going to look like.</p>
Sebastian Lasse<p><span class="h-card" translate="no"><a href="https://mastodon.social/@Schepp" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Schepp</span></a></span> </p><p>well, the loops in plugins are fine cause we could export a factory. </p><p>I meant:<br>Doesn't tailwind support variable fonts in terms of font-weight ?</p><p>This line<br>fontVariationSettings: `"wght" ${i}` <br>was the reason why the plugin is needed. </p><p><a href="https://digitalcourage.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a></p>
Josh Pollock 🌱🍁🌲<p>This 👇 So much this. Why can't I just be good at a few things?<br>"This is deskilling. It lets employers and managers pretend that web project teams don’t need CSS expertise – or even just pretend that CSS expertise just doesn’t exist at all. This is what Tailwind is for."<br><a href="https://www.baldurbjarnason.com/2024/the-deskilling-of-web-dev-is-harming-us-all/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">baldurbjarnason.com/2024/the-d</span><span class="invisible">eskilling-of-web-dev-is-harming-us-all/</span></a></p><p><a href="https://fosstodon.org/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a></p>