Mastodon 🐘

SheenaIf you are working with <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Django</a> and curious about how to test your <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTMX</a> frontends, then <a href="https://fosstodon.org/tags/PreludeTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PreludeTech</a>'s next "Modern frontend development with Django, HTMX, <a href="https://fosstodon.org/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a>, <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Playwright</a> and <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlpineJS</a> " learning sprint could be exactly what you need.You'll learn about how to apply <a href="https://fosstodon.org/tags/TDD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TDD</a> while building and debugging modern, interactive frontends. <a href="https://buff.ly/SShHfoi" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://buff.ly/SShHfoi</a>

FullStack Bulletin<a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a> @apply Feature is Better Than it Sounds<a href="https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/</a>

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 noreferrer" 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 noreferrer" target="_blank">#CSS</a> <a href="https://mamot.fr/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sass</a> <a href="https://mamot.fr/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" translate="no" target="_blank">https://nicolas-hoizey.com/links/2025/04/11/tailwind-s-apply-feature-is-better-than-it-sounds/</a>

Frontend DogmaTailwind’s “@ apply” Feature Is Better Than It Sounds, by @zellwk.bsky.social (<a href="https://mastodon.social/@csstricks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@csstricks</a>):<a href="https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/</a><a href="https://mas.to/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a> <a href="https://mas.to/tags/sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sass</a> <a href="https://mas.to/tags/mixins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mixins</a> <a href="https://mas.to/tags/comparisons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#comparisons</a>

Nicolas Hoizey“Defending Tailwind” by <a href="https://mastodon.social/@donniedamato" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@donniedamato</a>🔗 <a href="https://blog.damato.design/posts/defending-tailwind/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.damato.design/posts/defending-tailwind/</a>> The fact is folks who use Tailwind aren’t thinking about responsibility and scale in this way. They are thinking how can I push this out as fast as possible. And Tailwind is great for that. Educating on best practices is always hard. In the year 2025, I still see people struggling with responsive design techniques.<a href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mamot.fr/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a>⚓️ <a href="https://nicolas-hoizey.com/links/2025/04/01/defending-tailwind/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://nicolas-hoizey.com/links/2025/04/01/defending-tailwind/</a>

stirlhoss :emacs:New look on the <a href="https://fosstodon.org/tags/BABLR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BABLR</a> homepage courtesy of a community memeber! I love watching <a href="https://fosstodon.org/tags/OSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OSS</a> work in real life!Check it out! <a href="https://bablr.org/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bablr.org/</a><a href="https://fosstodon.org/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://fosstodon.org/tags/astrojs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#astrojs</a> <a href="https://fosstodon.org/tags/solidjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#solidjs</a> <a href="https://fosstodon.org/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a>

Sheena<a href="https://fosstodon.org/tags/PreludeTech" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">#Django</a>, <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTMX</a>, <a href="https://fosstodon.org/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a>, <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Playwright</a> and <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlpineJS</a>: <a href="https://buff.ly/OQFbNGB" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">#AllAuth</a> integration and customisation: <a href="https://buff.ly/7VhjPHK" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://buff.ly/7VhjPHK</a> - Getting <a href="https://fosstodon.org/tags/Git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Git</a>: A Beginner’s Guide to Version Control and the Terminal: <a href="https://buff.ly/BGBbNJm" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://buff.ly/BGBbNJm</a>

Derk-Jan 💙💛🇺🇦God I hate Tailwind. Or rather how people use it. Tailwind my ass, it's more like a storm that sprinkles leaves all around in this project that I need to save.<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a>

Adam MillerchipMe learning <a href="https://fosstodon.org/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a>: Hmm this can't be right, how can I manage applying the same class to every element 🤔 Official docs: use multi-line cursor to edit them all at once!😳

Frontend DogmaResolving Invalid Custom Tailwind Classname ESLint Warning, by @aman.bsky.social:<a href="https://amanhimself.dev/blog/resolving-custom-tailwind-classname-eslint-warning/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://amanhimself.dev/blog/resolving-custom-tailwind-classname-eslint-warning/</a><a href="https://mas.to/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/eslint" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eslint</a>

bitshift<a href="https://fosstodon.org/@keila" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@keila</a> I just don’t understand why someone would use <a href="https://chaos.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a> CSS — which is all about utility-first — and then do the exact opposite by introducing component abstractions like in <a href="https://chaos.social/tags/daisyUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#daisyUI</a>.My take: You can like utility-first or not (I do), but things like daisyUI go completely against that principle and feel like an explicit anti-pattern. If that’s your direction, why use Tailwind CSS in the first place?<a href="https://tailwindcss.com/docs/utility-first" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tailwindcss.com/docs/utility-first</a>

michabbbNew features in <a href="https://social.vivaldi.net/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a> <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> v4.1 - Text Shadows (with size and intensity modifiers) - Text Shadow Colors - CSS Masks Support - Edge masks (mask-r, mask-b) - Radial masks (mask-radial) - Conic and custom linear masks - Combination of masks🧵 👇

Peter SolnicaDid somebody manage to upgrade Tailwind to 4.0.x in a Phoenix app without breaking Heroicons? I don't know how to get them to build now and they are not showing up. Halp 😅<a href="https://hachyderm.io/tags/ElixirLang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ElixirLang</a> <a href="https://hachyderm.io/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a>

Frontend DogmaDefending Tailwind, by <a href="https://social.design.systems/@donnie" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@donnie</a>:<a href="https://blog.damato.design/posts/defending-tailwind/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.damato.design/posts/defending-tailwind/</a><a href="https://mas.to/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a> <a href="https://mas.to/tags/presentationalcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#presentationalcss</a> <a href="https://mas.to/tags/naming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#naming</a> <a href="https://mas.to/tags/productivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#productivity</a> <a href="https://mas.to/tags/maintainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#maintainability</a> <a href="https://mas.to/tags/scaling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scaling</a>

CarstenThe New Blog is almost ready... super excited to relaese it. Some small changes here and there still needed but I hope I can activate the CI/CD this week. Looking forward on some feedback then. Thanks! <a href="https://nrw.social/tags/NewBlog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NewBlog</a> <a href="https://nrw.social/tags/Astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Astro</a> <a href="https://nrw.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a>

Kevin RenskersWhat's the easiest way to get <a href="https://hachyderm.io/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a> working in a <a href="https://hachyderm.io/tags/django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#django</a> project? Version 3 is completely fine. Possibly <a href="https://django-tailwind.readthedocs.io" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://django-tailwind.readthedocs.io</a>? Or is there something that integrates with the development server rather than you needing to start two long-running processes?(While I've used Tailwind with SvelteKit - where it's super seamless, I've never used it with Django)

Philippe GerberIs someone using Symfony AssetMapper with Typescript, Sass and Tailwind bundles? I'm struggeling to make it all work. :/ <a href="https://phpc.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://phpc.social/tags/symfony" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#symfony</a> <a href="https://phpc.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Evolutions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Evolutions</a> Is CSS-in-JS still a thing? · What worked, what didn’t, and what’s next <a href="https://ilo.im/1631d7" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1631d7</a>_____ <a href="https://mastodon.social/tags/CSSinJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSSinJS</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a> <a href="https://mastodon.social/tags/StyleX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StyleX</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a> <a href="https://mastodon.social/tags/Library" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Library</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

James BasooPrompted by changes in <a href="https://mastodon.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tailwind</a> V4, I wrote a post about how frameworks and codebase architectures can influence how we write <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>.<a href="https://jamesbasoo.com/blog/how-to-write-css-and-influence-people/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://jamesbasoo.com/blog/how-to-write-css-and-influence-people/</a>

Recent searches

Search options

Administered by:

Server stats:

#tailwind