Digital

From Bootstrap to Tailwind

We are changing the way we build the front end of our websites. From Bootstrap to Tailwind, why? This article has the answers.

Words by
Inês Paraíso
Published
in 07 of September of 2022

We are changing the way we build the front end of our websites. Why is that? This article has the answers.

Bootstrap is the most popular HTML, CSS and Javascript framework for developing responsive websites. Launched by Twitter in 2021, it is a framework that is easy to install and maintain; encourages consistent development throughout the project; uses pre-built components and brings projects to life with plugins and Javascript functionality to our projects.

However, the paradigm is changing!

Tailwind CSS, initially released in 2017, is a framework used to apply highly customizable CSS with all the tools we need to create a custom design without overriding default styles or inventing absurd class names, such as products-inner-wrapper.

Example: 

You might think: “This is a disorganized way of defining classes.”

Yes, this is usually the first reaction, but the fact is that this way is much easier to maintain and faster to write than traditional CSS.

Only what is in the class attribute definition of each element is compiled and added to the final CSS file. There’s no need to compile tons of lines of CSS in .scss files into a single heavy file that will most likely be left with obsolete content.

Our clients also gain from the change, as we can increase design efficiency, build and refine responsive versions, and improve website performance.

author-image

This article was written by Inês Paraíso, marketing & communication manager at MD3 STUDIO.

She looks for new opportunities to show our work, including on internal social networks. She is also a partner of our clients in their online communication with the creation of content in Portuguese and English. She is very fond of writing and has a gift for putting ideas into words. In fact, she says that words are always magic and have the power to reveal worlds!