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:

216
active users

#tailwind

0 posts0 participants0 posts today
Andreas 🌈 🔜 Prague|Liverpool<p>Goodbye Wordpress, hello <a href="https://mastodon.world/tags/AstroJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AstroJS</span></a> and <a href="https://mastodon.world/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> </p><p>Finally replaced and relaunched my company website <a href="https://zopyx.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">zopyx.com</span><span class="invisible"></span></a> after 7 years on Wordpress.</p><p>AI has been the key driver of this relaunch. This time based on Cursor IDE with a little help of Claude Code.</p><p>Based on AstroJS and Tailwind CSS, the site is available in German, French and English. </p><p>There are still some todo regarding images, visuals and some texts but the overall outcome is better than expected with 3 business days of work.</p>
Alvaro Montoro<p>New comiCSS cartoon: Benefits of Using Tailwind<br><a href="https://comicss.art/comics/193/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">comicss.art/comics/193/</span><span class="invisible"></span></a></p><p><a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://front-end.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwind</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>
Majd al-Shihabi 🏴 مجد الشهابي<p><span class="h-card" translate="no"><a href="https://piaille.fr/@benjamingeer" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>benjamingeer</span></a></span> It's one of the hills that I'll die on. Computers need to non-ltr scripts.</p><p>There has been massive improvements in the implementation of CSS's `direction: rtl`, and major CSS frameworks like <a href="https://social.coop/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> have first-class CSS support, but many others don't. </p><p>I met someone who worked at Wikimedia who made this site: <a href="https://rtl.wtf/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">rtl.wtf/</span><span class="invisible"></span></a></p>
dansup<p>Pixelfed + modern design = 🔥</p><p>Coming soon to a :pixelfed: instance near you 🚀</p><p><a href="https://mastodon.social/tags/pixelfed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pixelfed</span></a> <a href="https://mastodon.social/tags/metroUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>metroUI</span></a> <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwind</span></a></p>
Stuart Herbert<p>Tech friends: have any of you migrated to <a href="https://mastodonapp.uk/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwind</span></a> CSS v4 yet?</p>
blackspike design<p>Announcing the boringly-named but excitingly-modern *blackspike astro landing page* – A free <span class="h-card"><a href="https://m.webtoo.ls/@astro" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>astro</span></a></span> theme made with <a href="https://mastodon.cloud/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> 4 and cutting edge <a href="https://mastodon.cloud/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a>, <a href="https://mastodon.cloud/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> and <a href="https://mastodon.cloud/tags/Astro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Astro</span></a> features. Includes free Figma file!</p><p><a href="https://www.blackspike.com/blog/blackspike-free-astro-tailwind-theme/" rel="nofollow noopener" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">blackspike.com/blog/blackspike</span><span class="invisible">-free-astro-tailwind-theme/</span></a></p>
Village One Cooperative<p>We’re currently building a bunch of websites with @craftcms and may need freelance frontend dev support over the coming weeks/months.</p><p>Your profile:<br>- Solid Craft + Twig + Tailwind + A11y knowledge<br>- Turn Figma designs into responsive frontend code<br>- Timezone somewhat compatible with London/Berlin</p><p>Sample repo from current project: <a href="https://github.com/prototypefund/ptf-site/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/prototypefund/ptf-s</span><span class="invisible">ite/</span></a></p><p>Reply here or to hello@village.one with your availability, day rate and experience. Thanks! 🙌 <a href="https://toot.village.one/tags/CraftCMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CraftCMS</span></a> <a href="https://toot.village.one/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> <a href="https://toot.village.one/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://toot.village.one/tags/FreelanceDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FreelanceDev</span></a></p>
just small circles 🕊<p><a href="https://social.coop/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> is also becoming a 'system of magic'. Changing CSS color variables in there @theme extension gives me layout changes now.</p>
mmcm<p>Petite mis-à-jour du tableau de borde "mon département" pour le baromètre vélo.<br>L'entête a changé un peu, et affiche désormais le total des réponses dans le département (ou le préfixe choisi en tout cas)<br>Merci aux utilisateur·ice·s pour les retours, ça fait du bien! 😊</p><p><a href="https://barometre.toulon-var-deplacements.fr" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">barometre.toulon-var-deplaceme</span><span class="invisible">nts.fr</span></a></p><p><a href="https://github.com/black-puppydog/barometre-dashboard" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/black-puppydog/baro</span><span class="invisible">metre-dashboard</span></a></p><p><a href="https://mastodon.social/tags/rustlang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rustlang</span></a> <a href="https://mastodon.social/tags/dioxus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dioxus</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/var" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>var</span></a> <a href="https://mastodon.social/tags/toulon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>toulon</span></a> <a href="https://mastodon.social/tags/france" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>france</span></a> <a href="https://mastodon.social/tags/barom%C3%A8treV%C3%A9lo2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>baromètreVélo2025</span></a> <a href="https://mastodon.social/tags/v%C3%A9lo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vélo</span></a> <a href="https://mastodon.social/tags/fub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fub</span></a> <br>/cc <span class="h-card" translate="no"><a href="https://masto.bike/@fub" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>fub</span></a></span> <span class="h-card" translate="no"><a href="https://masto.bike/@tvd" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>tvd</span></a></span></p>
Moritz Glantz #a11y<p><a href="https://mastodon.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> quickly becomes Upwind when want to try out new CSS properties.</p>
Daniel Fisher(lennybacon)<p>TIL: <a href="https://infosec.exchange/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> <a href="https://infosec.exchange/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> ist … äh… speziell</p>
sb arms & legs<p>Thinking about the wasteful nature of <a href="https://metroholografix.ca/tags/LLMs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LLMs</span></a> got me thinking about waste in my own development. While it can be convenient to use the large, enterprise-grade frameworks to deliver a minimalist website in 2025 - it's absurd.</p><p>Do I really need <a href="https://metroholografix.ca/tags/laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>laravel</span></a> with <a href="https://metroholografix.ca/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a>, <a href="https://metroholografix.ca/tags/jquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jquery</span></a>, <a href="https://metroholografix.ca/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwind</span></a>, <a href="https://metroholografix.ca/tags/webFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webFonts</span></a>, <a href="https://metroholografix.ca/tags/postgres" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>postgres</span></a> to host some simple <a href="https://metroholografix.ca/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>markdown</span></a>?</p><p>Do I need to re-render a bunch of static content at every hit? Does every simple article require 64 connections to the server to display?</p><p>I think not. </p><p>I want my material to be available to anyone who wants it - regardless of the device they are using or the robustness of their connection. </p><p>I want to respect users who disable <a href="https://metroholografix.ca/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> for their personal protection. </p><p>I want to respect <a href="https://metroholografix.ca/tags/ScreenReaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReaders</span></a> and users of assistive technology, without unnecessary complexity. </p><p>Everything we need is built into the HTML and CSS specs.</p>
Nicd<p>My first time trying Tailwind today (with Lustre). I was able to whip out a pretty decent UI with much less work than usual, though my "usual" is from scratch. Tailwind seems to have pretty sensible defaults, but it sure takes time to find out all the class names since they're kind of arbitrarily named. I'm quite happy with this from the hands of a terrible designer.</p><p>All in all, I might just continue using it for my small personal projects. So far it has been fun.</p><p><a href="https://masto.ahlcode.fi/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> <a href="https://masto.ahlcode.fi/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</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/Gleam" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gleam</span></a></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>
razze<p>I've added a new card to the landing page of flathub.org yesterday, focused on games. </p><p>We have been trying to do this for quiet some time and I know that the results (as in what is in which category) are not perfect, but putting this out there hopefully helps us move things.</p><p><a href="https://osna.social/tags/linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>linux</span></a> <a href="https://osna.social/tags/flatpak" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>flatpak</span></a> <a href="https://osna.social/tags/Flathub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Flathub</span></a> <a href="https://osna.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://osna.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjs</span></a> <a href="https://osna.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwind</span></a> <a href="https://osna.social/tags/xdg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>xdg</span></a> <a href="https://osna.social/tags/freedesktop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>freedesktop</span></a></p>
Josey | LoveSudoNimh | M6GKY<p>A few days ago, I mentioned I finally had the time to work on the design I had pottering around in my brain since 2023 for my blog site. </p><p>I took the new design live last night. </p><p><a href="https://www.sudoversity.fyi" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">sudoversity.fyi</span><span class="invisible"></span></a></p><p>Please let me know if you have bugs, or issues with it. My next goal is to add commenting using Turso. Then later possibly integrate PayloadCMS. </p><p>Built with <span class="h-card" translate="no"><a href="https://m.webtoo.ls/@astro" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>astro</span></a></span> </p><p><a href="https://gamepad.club/tags/astro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>astro</span></a> <a href="https://gamepad.club/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwind</span></a></p>
Ben Ramsey<p>I found something called <a href="https://phpc.social/tags/Flowbite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Flowbite</span></a>, which I thought might do what I'm looking for, but it turns out, each of their components are just HTML snippets with all of the <a href="https://phpc.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> classes embedded to get the rendered look they're going for. Nothing combines or simplifies the classes for easy reuse.</p>
Ben Ramsey<p>Is there something that allows you to group a bunch of <a href="https://phpc.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> classes together under a single name, so you can say, "This is my card style that I want to use everywhere in the application?" Or "this is my header style that I want to use everywhere?"</p><p>As it is, if using Tailwind, I have to make sure I apply those same styles everywhere, and if I change one place, I need to go update all the other places.</p><p>I'm sure folks who use Tailwind have a solution for this. What is it?</p>
Thure<p>v1.0.0 of @ch-ui/tokens is out! My sweet bébé!</p><p>Been vetting this in production for a while and I think it’s ready for prime-time.</p><p>Use it to set up font ramps, color palettes, spacings, any set of tokens you want to use in a design system. Can be used with <a href="https://hci.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> (@ch-ui/tailwind-tokens) and <a href="https://hci.social/tags/Vite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Vite</span></a> (@ch-ui/vite-plugin-tokens). It’s Just <a href="https://hci.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a>™.</p><p>Explainer here: <a href="https://ch-ui.dev/tokens" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ch-ui.dev/tokens</span><span class="invisible"></span></a></p>