"A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup" 🤔

· · Web · 6 · 4 · 7

@Gargron I liked it before I read CSS the definitive guide

@Gargron I was skeptic at first but after giving it a change I use it everywhere now :) You can try it out here if you don't want to install anything

@Gargron Can confirm that it is really useful. Speeds up development a lot. I tried a lot of CSS concepts over the years and found out atomic and utility first is what I like best and what is also maintainable as its a read what you get approach to UI development. No digging and debugging of bloated, legacy CSS code, no inheritance shizzle, no questions when reading HTML. Small fixes and improvements can be done directly in the template without the cognitive load of CSS files next to it.

@Gargron If you’re not good at CSS, it can help you achieve simple things. Or if you want to quickly prototype an idea, maybe it can help you, too.

Using a utility-first framework like this comes at the price:
- useless entry gate for CSS (tooling + backwards mental model);
- bloated HTML payloads for your user (because HTML often doesn’t cache really) and less maintainable HTML because it’ll be hard-the-fuck to read until you’ve extracted it into components.

@meduz @Gargron I think it's good for teams that don't have many experts in CSS.

Sign in to participate in the conversation

The original server operated by the Mastodon gGmbH non-profit