toad.social

Jay 🆘<a href="https://sunny.garden/@paulhebert" class="u-url mention" rel="nofollow noopener" target="_blank">@paulhebert</a> <a href="https://mastodon.social/@Mutedog" class="u-url mention" rel="nofollow noopener" target="_blank">@Mutedog</a> I think increasingly, with the rise of vibe coding and developers' decades-long disdain for CSS in the first place, <a href="https://social.coop/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> will (sadly) become even more entrenched. I see so many LLM code assistants being told to "Use Tailwind for styling.” I think it's kind of perfect for LLMs -- easier to maintain for robots, more difficult to maintain for humans.(For the record I love CSS.)

That HTML BlogAnd now, the post you've all been waiting for…(probably not, but you get it anyway!) 😂The <a href="https://intuitivefuture.com/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> Framework Wars™ have come to an end. And we can thank…<a href="https://intuitivefuture.com/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> v4 for that! 🤯Freely compose UI using native CSS variables & syntax, Tailwind design tokens in CSS (configured with CSS!), and Tailwind utility classes only where it makes sense. Hallelujah! 🙌As historically one of Tailwind's biggest critics it is *weird* to sing its praises. 2025's biggest <a href="https://intuitivefuture.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> surprise? <a href="https://thathtml.blog/2025/08/tailwind-and-css-friends-at-last/" rel="nofollow noopener" translate="no" target="_blank">https://thathtml.blog/2025/08/tailwind-and-css-friends-at-last/</a>

David Bisset"Basecoat" ia "all of the shadcn/ui magic, none of the <a href="https://phpc.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a>."A components library built with <a href="https://phpc.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> <a href="https://phpc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> that works with any web stack.<a href="https://basecoatui.com" rel="nofollow noopener" translate="no" target="_blank">https://basecoatui.com</a><a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://phpc.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

UmWerker 🕊 ☮️ 🤘<a href="https://todon.nl/tags/euractiv" class="mention hashtag" rel="nofollow noopener" target="_blank">#euractiv</a> hat übers Wochenende offenbar beschlossen auf <a href="https://todon.nl/tags/Privatsph%C3%A4re" class="mention hashtag" rel="nofollow noopener" target="_blank">#Privatsphäre</a> und <a href="https://todon.nl/tags/Datenschutz" class="mention hashtag" rel="nofollow noopener" target="_blank">#Datenschutz</a> seiner Besucher zu scheißen. Nicht nur den Datensammler <a href="https://todon.nl/tags/cloudflare" class="mention hashtag" rel="nofollow noopener" target="_blank">#cloudflare</a> einzubinden, sondern die rote Warnliste in <a href="https://todon.nl/tags/uMatrix" class="mention hashtag" rel="nofollow noopener" target="_blank">#uMatrix</a> so lang ist, dass scrollen notwendig ist. Zudem wurde zu <a href="https://todon.nl/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwind</a> <a href="https://todon.nl/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> gewechselt (und als cdn geladen), von dessen Nutzung eher abgeraten wird.Dann begebe ich mich mal auf die Suche nach einer neuen, seriösen Quelle für <a href="https://todon.nl/tags/Europa" class="mention hashtag" rel="nofollow noopener" target="_blank">#Europa</a> <a href="https://todon.nl/tags/News" class="mention hashtag" rel="nofollow noopener" target="_blank">#News</a>.

Ivan Enderlin 🦀Tailwind is the Worst of All Worlds, <a href="https://colton.dev/blog/tailwind-is-the-worst-of-all-worlds/" rel="nofollow noopener" translate="no" target="_blank">https://colton.dev/blog/tailwind-is-the-worst-of-all-worlds/</a>.The article explains why Tailwind (<a href="https://tailwindcss.com/" rel="nofollow noopener" translate="no" target="_blank">https://tailwindcss.com/</a>) is based on and encourages bad practices, which creates more maintenance burden and larger bundles. The article also explains why Tailwind met success and what other better tools should learn from that.<a href="https://floss.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://floss.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwind</a>

David BissetDaisyUI is a <a href="https://phpc.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> CSS component library that uses "semantic class names".<a href="https://daisyui.com/" rel="nofollow noopener" translate="no" target="_blank">https://daisyui.com/</a><a href="https://phpc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Alvaro MontoroNew comiCSS cartoon: Benefits of Using Tailwind <a href="https://comicss.art/comics/193/" rel="nofollow noopener" translate="no" target="_blank">https://comicss.art/comics/193/</a><a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://front-end.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwind</a>

adamghillColophon for <a href="https://beesocial.dev" rel="nofollow noopener" translate="no" target="_blank">https://beesocial.dev</a> for anyone interested: <a href="https://beesocial.dev/colophon" rel="nofollow noopener" translate="no" target="_blank">https://beesocial.dev/colophon</a>.No vibe coding, just good vibes.<a href="https://indieweb.social/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#Django</a> <a href="https://indieweb.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> <a href="https://indieweb.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#TailwindCSS</a> <a href="https://indieweb.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> <a href="https://indieweb.social/tags/SQLite" class="mention hashtag" rel="nofollow noopener" target="_blank">#SQLite</a> <a href="https://indieweb.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#Python</a>

dansupPixelfed + modern design = 🔥Coming soon to a :pixelfed: instance near you 🚀<a href="https://mastodon.social/tags/pixelfed" class="mention hashtag" rel="nofollow noopener" target="_blank">#pixelfed</a> <a href="https://mastodon.social/tags/metroUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#metroUI</a> <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwind</a>

WikiMusic ProjectThe WikiMusic project proudly announces the v0.5.2 release 🎵 <a href="https://codeberg.org/jjba23/wikimusic" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/jjba23/wikimusic</a>the <a href="https://mastodon.social/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#foss</a> <a href="https://mastodon.social/tags/music" class="mention hashtag" rel="nofollow noopener" target="_blank">#music</a> <a href="https://mastodon.social/tags/knowledge" class="mention hashtag" rel="nofollow noopener" target="_blank">#knowledge</a> <a href="https://mastodon.social/tags/encyclopaedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#encyclopaedia</a> We now have auto <a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="nofollow noopener" target="_blank">#scroll</a> for music <a href="https://mastodon.social/tags/tabs" class="mention hashtag" rel="nofollow noopener" target="_blank">#tabs</a>, in an efficient and smooth way and many UI improvements (this will be great for <a href="https://mastodon.social/tags/musicians" class="mention hashtag" rel="nofollow noopener" target="_blank">#musicians</a> that want to perform live with the support of <a href="https://mastodon.social/tags/wikimusic" class="mention hashtag" rel="nofollow noopener" target="_blank">#wikimusic</a>)powered by <a href="https://mastodon.social/tags/guile" class="mention hashtag" rel="nofollow noopener" target="_blank">#guile</a> <a href="https://mastodon.social/tags/scheme" class="mention hashtag" rel="nofollow noopener" target="_blank">#scheme</a> <a href="https://mastodon.social/tags/artanis" class="mention hashtag" rel="nofollow noopener" target="_blank">#artanis</a> <a href="https://mastodon.social/tags/lisp" class="mention hashtag" rel="nofollow noopener" target="_blank">#lisp</a> <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwind</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mastodon.social/tags/hygguile" class="mention hashtag" rel="nofollow noopener" target="_blank">#hygguile</a> <a href="https://mastodon.social/tags/sqlite" class="mention hashtag" rel="nofollow noopener" target="_blank">#sqlite</a> <a href="https://mastodon.social/tags/guix" class="mention hashtag" rel="nofollow noopener" target="_blank">#guix</a> <a href="https://mastodon.social/tags/selfhosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#selfhosting</a> visit my instance at: <a href="https://wikimusic.jointhefreeworld.org/songs" rel="nofollow noopener" translate="no" target="_blank">https://wikimusic.jointhefreeworld.org/songs</a>

skribe 🇺🇦 :verified_mustard:Not really liking TailwindCSS. Seems to be a backwards step, undermining the purpose of CSS (separating styles from HTML). Perhaps I'm missing something. Early days.<a href="https://aus.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://aus.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://aus.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a>

blackspike designAnnouncing the boringly-named but excitingly-modern *blackspike astro landing page* – A free <a href="https://m.webtoo.ls/@astro" class="u-url mention" rel="nofollow noopener" target="_blank">@astro</a> theme made with <a href="https://mastodon.cloud/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> 4 and cutting edge <a href="https://mastodon.cloud/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>, <a href="https://mastodon.cloud/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> and <a href="https://mastodon.cloud/tags/Astro" class="mention hashtag" rel="nofollow noopener" target="_blank">#Astro</a> features. Includes free Figma file!<a href="https://www.blackspike.com/blog/blackspike-free-astro-tailwind-theme/" rel="nofollow noopener" target="_blank">https://www.blackspike.com/blog/blackspike-free-astro-tailwind-theme/</a>

WikiMusic Projectv0.3.7 release - <a href="https://mastodon.social/tags/wikimusic" class="mention hashtag" rel="nofollow noopener" target="_blank">#wikimusic</a><a href="https://codeberg.org/jjba23/wikimusic" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/jjba23/wikimusic</a>the <a href="https://mastodon.social/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#foss</a> <a href="https://mastodon.social/tags/music" class="mention hashtag" rel="nofollow noopener" target="_blank">#music</a> <a href="https://mastodon.social/tags/knowledge" class="mention hashtag" rel="nofollow noopener" target="_blank">#knowledge</a> <a href="https://mastodon.social/tags/encyclopaedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#encyclopaedia</a>we now support connections between songs - artists - genres, also PDF music sheet support, dark mode, and much more (even more to come)powered by <a href="https://mastodon.social/tags/guile" class="mention hashtag" rel="nofollow noopener" target="_blank">#guile</a> <a href="https://mastodon.social/tags/scheme" class="mention hashtag" rel="nofollow noopener" target="_blank">#scheme</a> <a href="https://mastodon.social/tags/artanis" class="mention hashtag" rel="nofollow noopener" target="_blank">#artanis</a> <a href="https://mastodon.social/tags/lisp" class="mention hashtag" rel="nofollow noopener" target="_blank">#lisp</a> <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwind</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mastodon.social/tags/hygguile" class="mention hashtag" rel="nofollow noopener" target="_blank">#hygguile</a> <a href="https://mastodon.social/tags/sqlite" class="mention hashtag" rel="nofollow noopener" target="_blank">#sqlite</a>visit my instance at : <a href="https://wikimusic.jointhefreeworld.org" rel="nofollow noopener" translate="no" target="_blank">https://wikimusic.jointhefreeworld.org</a>

Ric Harvey 🇪🇺🌍💚I'm wondering if anyone has tried or has advice on building <a href="https://fosstodon.org/@gohugoio" class="u-url mention" rel="nofollow noopener" target="_blank">@gohugoio</a> themes using <a href="https://fosstodon.org/@penpot" class="u-url mention" rel="nofollow noopener" target="_blank">@penpot</a> and <a href="https://mastodon.squarecows.com/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwind</a>? If you know of a getting started guide please share. <a href="https://mastodon.squarecows.com/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mastodon.squarecows.com/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a>

Village One CooperativeWe’re currently building a bunch of websites with @craftcms and may need freelance frontend dev support over the coming weeks/months.Your profile: - Solid Craft + Twig + Tailwind + A11y knowledge - Turn Figma designs into responsive frontend code - Timezone somewhat compatible with London/BerlinSample repo from current project: <a href="https://github.com/prototypefund/ptf-site/" rel="nofollow noopener" translate="no" target="_blank">https://github.com/prototypefund/ptf-site/</a>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">#CraftCMS</a> <a href="https://toot.village.one/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> <a href="https://toot.village.one/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://toot.village.one/tags/FreelanceDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FreelanceDev</a>

just small circles 🕊<a href="https://social.coop/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> is also becoming a 'system of magic'. Changing CSS color variables in there @theme extension gives me layout changes now.

Nicolas Hoizey“Tailwind's @apply Feature is Better Than it Sounds” by Zell Liew🔗 <a href="https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/" rel="nofollow noopener" translate="no" target="_blank">https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/</a>> Tailwind’s utilities are very powerful by themselves, but they’re even more powerful if you allow yourself to use `@apply` (and allow yourself to detach from traditional Tailwind advice). By doing this, you gain access to Tailwind as a tool instead of it being a dogmatic approach.<a href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mamot.fr/tags/Sass" class="mention hashtag" rel="nofollow noopener" target="_blank">#Sass</a> <a href="https://mamot.fr/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a>⚓️ <a href="https://nicolas-hoizey.com/links/2025/04/11/tailwind-s-apply-feature-is-better-than-it-sounds/" rel="nofollow noopener" translate="no" target="_blank">https://nicolas-hoizey.com/links/2025/04/11/tailwind-s-apply-feature-is-better-than-it-sounds/</a>

adamghillDid you know that the <a href="https://indieweb.social/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#Django</a> admin can be themed?! 🤯 Here are 10 packages for the Django admin which can transform it with a Dracula theme, <a href="https://indieweb.social/tags/Bootstrap" class="mention hashtag" rel="nofollow noopener" target="_blank">#Bootstrap</a> <a href="https://indieweb.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>, <a href="https://indieweb.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a>, and more!Jazz up your Django admin today! 🎷<a href="https://www.djangoproject.com/weblog/2025/apr/18/admin-theme-roundup/" rel="nofollow noopener" translate="no" target="_blank">https://www.djangoproject.com/weblog/2025/apr/18/admin-theme-roundup/</a>

Sheena<a href="https://fosstodon.org/tags/PreludeTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#PreludeTech</a>'s next weekend learning sprint on 10/11 May. Pick a topic, learn through hands-on practice, connect with other ambitious devs, and get expert support on tap!- Modern frontend development with <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#Django</a>, <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a>, <a href="https://fosstodon.org/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a>, <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener" target="_blank">#Playwright</a> and <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#AlpineJS</a>: <a href="https://buff.ly/OQFbNGB" rel="nofollow noopener" translate="no" target="_blank">https://buff.ly/OQFbNGB</a> - Adding Authentication to your Django app: <a href="https://fosstodon.org/tags/AllAuth" class="mention hashtag" rel="nofollow noopener" target="_blank">#AllAuth</a> integration and customisation: <a href="https://buff.ly/7VhjPHK" rel="nofollow noopener" translate="no" target="_blank">https://buff.ly/7VhjPHK</a> - Getting <a href="https://fosstodon.org/tags/Git" class="mention hashtag" rel="nofollow noopener" target="_blank">#Git</a>: A Beginner’s Guide to Version Control and the Terminal: <a href="https://buff.ly/BGBbNJm" rel="nofollow noopener" translate="no" target="_blank">https://buff.ly/BGBbNJm</a>

RapidWeaver ElementsElements is now available in Early Access. Build the website of your dreams in a native Mac App!Visit <a href="https://elementsapp.io" rel="nofollow noopener" translate="no" target="_blank">https://elementsapp.io</a> to get your copy.<a href="https://indieapps.space/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://indieapps.space/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwind</a> <a href="https://indieapps.space/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#tailwindcss</a> <a href="https://indieapps.space/tags/nocode" class="mention hashtag" rel="nofollow noopener" target="_blank">#nocode</a> <a href="https://indieapps.space/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#apple</a> <a href="https://indieapps.space/tags/MacApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#MacApp</a> <a href="https://indieapps.space/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a>

Recent searches

Search options

Administered by:

Server stats:

#tailwind