cover

Utilidades escondidas de tailwindcss 😱

author photo

Héctorbliss

@hectorbliss

Existen muchas herramientas en Tailwind que ignoramos, a veces porque ni siquiera las conocemos en CSS, pero al mismo tiempo cuando descubrimos estas herramientas dentro de Tailwind y las vamos a comparar con cómo se hace con CSS, resulta que Tailwind incluso las simplifica, y puedes comenzar a usarlas para mejorar tus estilos, sin esfuerzo.

Por eso en este post vamos a explorar 3 herramientas escondidas de Tailwind ¡que valen mucho la pena!

Rings

Los anillos son poco comunes, pero cuando los utilizas adecuadamente pueden ser una ayuda visual muy útil para tu diseño.

Aquí el resultado

Aprende más sobre los anillos aquí


🎬 ¿Te está gustando este contenido? Tenemos más tutoriales en video en nuestro canal de YouTube.


Animaciones

Las animaciones en Tailwind son súper fáciles de usar. Por ejemplo, para crear un spinner de carga:

Aquí el resultado

Aprende más sobre las animaciones aquí

Space Between

Esta utilidad es genial para agregar espaciado entre elementos hijos en un contenedor flex, sin tener que usar gap o agregar clases a cada elemento:

Aquí el resultado

Aprende más sobre space aquí

Conclusión

Estas 3 utilidades de Tailwind pueden ahorrarte mucho tiempo y hacer que tu código sea más limpio. Si quieres aprender más sobre Tailwind, te recomiendo revisar este otro post sobre clases dinámicas en Tailwind y seguirme en Twitter donde comparto más tips.

Abrazo. Bliss.

meta cover

¿Por qué estudiar mínimo 3 horas a la semana te va a conseguir un mejor futuro?

Checa este otro Post

meta cover

¿Por qué ya no deberías llamarle JavaScript?

Checa este otro Post

¡Nuevo curso!

Animaciones web con React + Motion 🧙🏻