¿Qué es Tailwind CSS y por qué usarlo?

¿Quieres diseñar sitios web únicos y responsive sin ser experto en CSS? ¡Para eso existe Tailwind! En este blog te explicaré de qué se trata.

Diseño web
8 minutos
Hace 3 años
¿Qué es Tailwind CSS y por qué usarlo?

¡Accede a cientos de cursos
con solo un pago al año!

Blog Microbanner

Seguramente has escuchado que CSS no es un lenguaje de programación, sin embargo, eso no significa que sea fácil de aprender. Al contrario, es uno de los lenguajes más difíciles de dominar. En este blog te hablaré de una herramienta que te ayudará a dejar de batallar con CSS y se llama Tailwind.

¿Qué es Tailwind?

Tailwind es un framework de CSS que, a diferencia de los tradicionales como Bootstrap, no crea componentes con una sola clase, sino que tiene algo llamado Utility Classes, que son clases específicas para casa cosa. Por ejemplo, una clase para los textos, otra clase para las sobras, una para el color, entre otros. El objetivo es que puedas personalizar a fondo.

Por ejemplo, así se ve un botón en Bootstrap vs en Tailwind:

zc.png

Ahora estarás pensando, ¿cuál es la ventaja si en Tailwind tengo que escribir más? te lo diré: puedes personalizar todo a tu gusto y no al gusto del framework, como ocurre con Bootstrap y otros similares.

Tailwind también resuelve por detrás todos los fantasmas de CSS como herencia, especificidad, conflictos, cascadas, entre otros. Con Tailwind deja de preocuparte por ellos y comienza a tener un sitio web más consistente.

Además, a Tailwind lo puedes integrar con tu framework frontend favorito, ya sea React, Vue, Angular, el que tu quieras.

¿Eres de los que siempre sufría con CSS? esos días quedaron atrás porque ahora tienes Tailwind, la mejor opción para crear sitios hermosos sin ser un experto en CSS. ¡Y lo puedes aprender en EDteam! Ingresa a https://ed.team/cursos/tailwind y comienza a diseñar sitios web únicos y responsive con Tailwind.

infografia_tailwind.png

Comentarios de los usuarios

Pregunta a ChatEDT