SFBA.social

GetNextjs TemplatesLooking for a fast, clean, and reliable Next.js template?Meet SNL Pro – built with Tailwind CSS and TypeScript for speed, safety, and sleek design. Perfect for modern developers and teams who want results.🔗<a href="https://getnextjstemplates.com/products/snl-pro-nextjs-tailwind-website-template" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://getnextjstemplates.com/products/snl-pro-nextjs-tailwind-website-template</a><a href="https://mastodon.social/tags/Nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Nextjs</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/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/OpenWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenWeb</a> <a href="https://mastodon.social/tags/NextJsThemes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NextJsThemes</a> <a href="https://mastodon.social/tags/LandingPage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LandingPage</a> <a href="https://mastodon.social/tags/Templates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Templates</a> <a href="https://mastodon.social/tags/nextjstemplates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjstemplates</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</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 DogmaSo, You Want to Give Up CSS Pre- and Post-Processors…, 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/so-you-want-to-give-up-css-pre-and-post-processors/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/so-you-want-to-give-up-css-pre-and-post-processors/</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/preprocessors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#preprocessors</a> <a href="https://mas.to/tags/postprocessors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#postprocessors</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/lightningcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lightningcss</a>

adamghillDid you know that the <a href="https://indieweb.social/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">#Bootstrap</a> <a href="https://indieweb.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>, <a href="https://indieweb.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" translate="no" target="_blank">https://www.djangoproject.com/weblog/2025/apr/18/admin-theme-roundup/</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>

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>

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>

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>

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>

mmcmPetite mis-à-jour du tableau de borde "mon département" pour le baromètre vélo. 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) Merci aux utilisateur·ice·s pour les retours, ça fait du bien! 😊<a href="https://barometre.toulon-var-deplacements.fr" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://barometre.toulon-var-deplacements.fr</a><a href="https://github.com/black-puppydog/barometre-dashboard" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/black-puppydog/barometre-dashboard</a><a href="https://mastodon.social/tags/rustlang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#rustlang</a> <a href="https://mastodon.social/tags/dioxus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dioxus</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/var" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#var</a> <a href="https://mastodon.social/tags/toulon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#toulon</a> <a href="https://mastodon.social/tags/france" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#france</a> <a href="https://mastodon.social/tags/barom%C3%A8treV%C3%A9lo2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#baromètreVélo2025</a> <a href="https://mastodon.social/tags/v%C3%A9lo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vélo</a> <a href="https://mastodon.social/tags/fub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fub</a> /cc <a href="https://masto.bike/@fub" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@fub</a> <a href="https://masto.bike/@tvd" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@tvd</a>

lemssiahWorking on the Skill set section now. 😏 I hope this portfolio will be ended soon and will open new doors for me! 🙏 <a href="https://mastodon.social/tags/skill" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#skill</a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#devs</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/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> <a href="https://mastodon.social/tags/typo3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typo3</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/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</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/bootstrap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bootstrap</a> <a href="https://mastodon.social/tags/git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#git</a> <a href="https://mastodon.social/tags/github" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#github</a>

Recent searches

Search options

Administered by:

Server stats:

#tailwind