What working with Tailwind CSS every day for 2 years looks like

1

Bulma

#CSS Framework #Development Tools #Design Tools 109 social mentions

2

Garden (Clojure)

Thanks for the vanilla-extract recommendation, I'll be using this! In my case, tailwind was useful for providing a handy set of vocabularies for simple and common stylings. But once customizations start to pile on, we're back into SCSS. Using 2 systems at once meant additionally gluing them with the postcss toolchain, so effectively we have 3 preprocessors running for every style refresh. Looking in at TypeScript from the clojurescript ecosystem though, I'm still yet to see an equal to https://github.com/noprompt/garden or https://github.com/Jarzka/stylefy: single language, excellent composability, compile-time anonymous class names, inline styles... Almost like they solved CSS (except for typing).

#Developer Tools #CSS Framework #Design Tools 2 social mentions

3

Productivity Power Tools

> I like Tailwind, but I am not sure I'd recommend it to someone without prior experience and deep understanding of CSS. In my opinion, abstractions rarely teach us the underlying layers of a technology. I started with Tailwind and as I learned CSS along the way. Obviously people will look up stuff on MDN when they are stumbling on terms they didn't know about. The tailwind docs + tw-intellisense plugin [1] are pretty good, too. Especially since the extension shows the raw CSS behind the abstraction when you hover over a class name. [1] https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss.

#Regular Expressions #Programming Tools #Development 360 social mentions

4

UnoCSS

Haven't seen it mentioned, but if you like Tailwind, maybe take a look at UnoCSS: https://github.com/unocss/unocss It is like the next evolution of Tailwind. See this blog post for full explanation: https://antfu.me/posts/reimagine-atomic-css.

#Application And Data #Languages & Frameworks #CSS Pre-processors / Extensions 18 social mentions