Recently, I have been working in front-end web development that eluded me a lot during my early days of development and shifted to mostly backend API development.
Then I came along with the @TailwindCSS Frontend Framework.
The framework website states that:
A utility-first CSS framework for rapidly building custom designs.
So, what tailwindCSS does is that don’t go to CSS file to make changes but to use classes in HTML for styling. Moreover, it is much easier to learn even compared to simple CSS.
BootstrapCSS VS TailwindCSS
BootstrapCSS is a component-based framework in which we have to override the existing classes which cause the uses to be freakishly complex and also the component integration with VueJS (which I use mostly) is almost impossible and the size of CSS also increase vastly.
While, TailwindCSS is a low size cost with the usage of PostCSS, and if the developer knows the basics of CSS, then it is as easy as pie.
My designed SignUp Page
Below is the pen, where I created a responsive minimalistic signup form using the tailwindCSS CDN version which can be heavy as postcss could not be used while in the project we can use postcss and with VueJS animations, the final project becomes low-size, great and responsive.