DEV Community

Cover image for Which is Faster: Tailwind or Pure CSS?
Yaku
Yaku

Posted on

Which is Faster: Tailwind or Pure CSS?

When it comes to learning CSS, there are a few different options available. One option is to learn TailwindCSS, which is a popular and well-maintained CSS framework. On the other hand, you could also learn plain CSS without any frameworks.

Here are some of the pros and cons of each approach:

*Pros of using TailwindCSS: *

1) TailwindCSS is widely used and well-maintained.
2) It has a lot of features built in, so you don't have to worry about adding custom code or struggling with complex syntax.
3) It's easy to use because it includes premade components for common tasks like layouting pages and creating forms.
4) There are plenty of tutorials available online if you need help getting started. Cons of using TailwindCSS:

1) Although it's comprehensive, TailwindCSS can be difficult to understand at first glance due to its dense syntax (especially compared to plain CSS).
2) Because it's a framework, you may not be able to customize certain aspects as easily as with standalone codebase files.
3) TailwindCSS is not available in every language, so you may have to use a different editor or compiler if you want to use it on your own website.

*Pros of learning plain CSS: *

1) Plain CSS is simpler than TailwindCSS and doesn't require any special syntax.

2) It's easy to learn because all you need are basic rules for formatting text and elements, no matter what language you're using.

3) There are plenty of tutorials available online if you need help getting started. Cons of learning plain CSS:
1) Plain CSS isn't as widely used as TailwindCSS, so chances are there aren't many resources out there specifically designed for beginners.

2) Because it's less complex, plain CSS can be more difficult to understand at first glance than TailwindCSS – especially if you're not familiar with web development terminology.
3) Plain CSS is not available in every language, so you may have to use a different editor or compiler if you want to use it on your own website.

Ultimately, it depends on your needs which approach is best for you. If you're just starting out and want a comprehensive framework to help you build more complex websites, TailwindCSS is a good option. On the other hand, if you're comfortable working with basic rules and don't need all the bells and whistles that TailwindCSS offers, learning plain CSS may be a better choice. I have another article about 15 basics of CSS which you can read here.

Discussion (3)

Collapse
robertrynard profile image
Robert-Rynard

This article make zero sense and is just wrong in most of it's understanding

Collapse
yaku profile image
Yaku Author

Hi thanks for the feedback I will work on it some more

Collapse
venelinn profile image
Venelin

I agree with @robertrynard!
3) Plain CSS is not available in every language ???? WTF???
What a joke