toad.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server operated by David Troy, a tech pioneer and investigative journalist addressing threats to democracy. Thoughtful participation and discussion welcome.

Administered by:

Server stats:

218
active users

#tailwindcss

0 posts0 participants0 posts today
Scott Wright 🏳️‍🌈🏳️‍⚧️<p>Solved - I think 🤞<br>This was helpful: <a href="https://github.com/rails/tailwindcss-rails/discussions/450" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/rails/tailwindcss-r</span><span class="invisible">ails/discussions/450</span></a><br>I ended up removing the plugins from config/tailwindconfig.js, doing the Tailwind upgrade with rails tailwindcss:upgrade and then adding the plugins back to app/assets/tailwind/application.css after the upgrade succeeded.</p><p>More testing to do, but so far, so good.</p><p><a href="https://ruby.social/tags/Rails" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rails</span></a> <a href="https://ruby.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 ~&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>
Pascal Laliberté<p>Can you guys help me find this:</p><p>There was an animation toolkit that was tailwind-like that I saw 6-7 months ago. It might have been animxyz, but I don't think that was it.</p><p>Used html attributes I think, not css classes. JS-based, declarative.</p><p><a href="https://ruby.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://ruby.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a> <a href="https://ruby.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>
Jan<p>I'm about a second away from deleting all of this tailwindcss insanity from the project I'm working on and going back to <a href="https://bulma.io" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">bulma.io</span><span class="invisible"></span></a> or a similar simple CSS framwork.</p><p>Tailwind and daisyUI work fine when including the plain css files from a CDN, but my lord, why is this CSS world so complicated.</p><p>My annoyance that I need a complete build step to make a button look nice-ish is beyond the charts.</p><p><a href="https://x0r.be/tags/phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>phoenix</span></a> <a href="https://x0r.be/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>elixir</span></a> <a href="https://x0r.be/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</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/freebsd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>freebsd</span></a></p>
LavX News<p>Revolutionizing Web Development: Nextbunny's Free Next.js Drag &amp; Drop Builder</p><p>In an era where speed is paramount, Nextbunny emerges as a game-changing tool for developers, offering a free drag-and-drop builder for Next.js applications. With pre-built components powered by Tailw...</p><p><a href="https://news.lavx.hu/article/revolutionizing-web-development-nextbunny-s-free-next-js-drag-drop-builder" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">news.lavx.hu/article/revolutio</span><span class="invisible">nizing-web-development-nextbunny-s-free-next-js-drag-drop-builder</span></a></p><p><a href="https://ioc.exchange/tags/news" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>news</span></a> <a href="https://ioc.exchange/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tech</span></a> <a href="https://ioc.exchange/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://ioc.exchange/tags/Nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nextjs</span></a> <a href="https://ioc.exchange/tags/FramerMotion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FramerMotion</span></a></p>
LavX News<p>Piny: The Visual Editor Revolutionizing Tailwind Development in Your IDE</p><p>Piny is set to transform the way developers interact with Tailwind CSS in React and Next.js projects by introducing a visual editing experience directly within their IDE. With features like AI-powered...</p><p><a href="https://news.lavx.hu/article/piny-the-visual-editor-revolutionizing-tailwind-development-in-your-ide" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">news.lavx.hu/article/piny-the-</span><span class="invisible">visual-editor-revolutionizing-tailwind-development-in-your-ide</span></a></p><p><a href="https://ioc.exchange/tags/news" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>news</span></a> <a href="https://ioc.exchange/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tech</span></a> <a href="https://ioc.exchange/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://ioc.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://ioc.exchange/tags/Piny" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Piny</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>
Plone<p>Víctor Fernández de Alba from <a href="https://kitconcept.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kitconcept.com</span><span class="invisible"></span></a> on Tailwind and Plone <a href="https://plone.social/tags/plone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plone</span></a> <a href="https://plone.social/tags/plone6" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plone6</span></a> <a href="https://plone.social/tags/wpd2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>wpd2025</span></a> <a href="https://plone.social/tags/CMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CMS</span></a> <a href="https://plone.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a> <a href="https://plone.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://plone.social/tags/volto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>volto</span></a> <a href="https://plone.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://plone.social/tags/community" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>community</span></a> <a href="https://plone.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> <a href="https://plone.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://plone.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://youtu.be/sqPtMBCgbOY" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/sqPtMBCgbOY</span><span class="invisible"></span></a></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>

I’m a wordy bastard. I really struggle with 500 characters. I’d struggle with 500 words sometimes. It's been hard to find a flow here (despite Mona's fantastic thread generator.)

I’m creating a #blog to house longer writings and share thoughts here without requiring anyone to visit platforms so many gathered here to avoid.

I'm using #Hugo instead of my usual #WordPress and dipping my toes into #Go and #TailwindCSS. I've only created the local structures, but so far, I dig it! It's #FOSS too!

Morgenbord : Les choix fronts

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. […]

blog.plus.yt/2025/03/morgenbor

I just did some maintenance on the Pelican web site, and something has gone arwy with Tailwind CSS — it is not supposed to look like this: getpelican.com

Below is a Wayback Machine snapshot of the correct CSS from a few days ago:

web.archive.org/web/2025021701

Anyone have any idea how to troubleshoot what has gone awry with #TailwindCSS in this case?

getpelican.comPelican – A Python Static Site Generator
More from Pelican

🌐 Nouveau site sur le web ! mon-espace.inge-plus.fr/

L'objectif est d'accompagner des étudiant⋅es de BTS pour intégrer un cursus d'ingénierie, via des missions personnalisées et des échanges avec des intervenants tout au long de leur parcours.

🐍 backend django avec #wagtail (CMS)
💨 frontend en #tailwindcss
📜 génération de pdf #weasyprint (@courtbouillon ! Trop efficace)
💬 chat intégré et notification automatique
🙈 anonymisation des étudiant⋅es

Un beau projet, merci Grenoble INP !

IngéPLUSConnexion