Okay, okay, I know most of you are already getting ready to pull your hair out. Utility-first isn't for everyone, and it certainly isn't the only option out there to create good looking websites. Here's the thing though Tailwind allows for the building blocks to be accessible and if needed customizable. Things like CSS variables and theming aren't possible with Tailwind and that's fine. Other pre-processors and frameworks do too much. Simplicity allows for a unique end result, but when everything is laid out for you, *cough* Bootstrap, building a good looking website becomes more difficult than before.
If that's the case why is it third on this list?
Most devs probably don't know BulmaCSS but it's a utility-first CSS framework that's based on flexbox and is honestly amazing. You really should check it out. Bootstrap 4 is probably one of the most useful and well known CSS frameworks and at the same time one of the worst I've ever used. I don't like Bootstrap and because of my bad experience with it I stayed away from utility-first. Bootstrap is probably the most popular alternative to TailwindCSS for utility-first frameworks and most employers look for Bootstrap devs, if that wasn't the case it wouldn't be on this list.
Tooltips 😈. They're probably the least useful html global attribute. They're genuinely ugly, and can be replaced by pop ups. With that said there are libraries like popper.js and tippy.js (both supported by Github) that take your tooltips to the next level. Check them out, it will remove the hassle from pop ups.
Most of you are probably angry at me for putting Vue so close to the end of the list. My reasoning is simple. What Vue provides can be replaced by, at least, 2 of the items above it. Nonetheless Vue does deserve to be here. It's a very well known framework and websites like devdojo use it. Vue makes it easy to create reusable components, with a lovely design. Sounding familiar, that's probably because Svelte, and React offer something similar, the only difference is that Vue doesn't have the speed of Svelte, or the efficiency of React. What Vue does have though is a good build, making it easier not to write bad code. Despite it's faults Vue is popular and being familiar with it isn't tasking like Angular or JQuery.
I know that this isn't really the kind of resource that you're expecting, but let's be for real Figma is awesome. Not using Figma or a tool like it only makes your life more difficult.
That's it Folks!!! If you got this far that's 🤯
P.S. Hope this post doesn't fall under TL;DR