Que es Tailwind?
Tabla de contenido
¿Qué es Tailwind?
“Tailwind CSS es un framework CSS de bajo nivel altamente personalizable que le permite crear diseños personalizados eliminando los estilos de componentes pre-definidos que necesitarías sobre-escribir en todo caso”.
¿Cómo funciona Tailwind CSS?
Tailwind permite escribir los estilos por medio de clases que se incluyen dentro del código HTML y que afectan a un aspecto muy concreto y específico de las CSS, por ejemplo, el fondo de un elemento, el color del texto o simplemente el margen por la parte de arriba.
¿Qué es mejor Bootstrap o Tailwind?
¿Dónde gana Tailwind? Tailwind es un framework solo de CSS, lo cual facilita mucho su aprendizaje. No tiene dependencias pesadas como Bootstrap lo que lo hace pesar tan solo 27 Kb, una gran diferencia comparada a los más de 300 Kb que requiere Bootstrap para funcionar con sus dependencias.
¿Cómo empezar a usar Tailwind CSS?
Para utilizar Tailwind CSS, primero necesitaremos tener instalado Node. js en nuestra máquina, para ello solo necesitamos seguir este enlace, descargarlo e instalarlo en nuestro PC. Este comando generará un archivo llamado package.
¿Cuándo se creó Tailwind CSS?
| Tailwind CSS | |
|---|---|
| Modelo de desarrollo | código abierto |
| Lanzamiento inicial | 1 de noviembre de 2017 |
| Licencia | MIT |
| Estado actual | activo |
¿Cómo tomar Tailwind?
Las indicaciones de la marca es diluir de 1 a 3 cazos del producto en 500 ml de agua por cada hora de actividad física, dependiendo de la intensidad.
¿Cuánto pesa Bootstrap?
La versión minificada ocupa unos 22 kbs, sin ningún tipo de diseño, pero su peso se puede ampliar hasta los 300kb si vas sumando javascripts y otros elementos para tener un bootstrap de verdad.
¿Quién creó Tailwind CSS?
Adam Wathan
Por eso quiero hablaros de TailwindCSS. El creador de TailwindCSS, Adam Wathan, la define como una librería de utilidades agnóstica a los frameworks frontend, es decir, puede funcionar con cualquier herramienta ya sea Angular, React, Vue…
¿Qué es utility First CSS?
El concepto de Utility-First hace referencia a basar la implementación de estilos utilizando clases de utilidad como primera opción, no como única opción (ya lo veremos más adelante). Las clases de utilidad, hace mucho tiempo que las estamos utilizando, ¿quién no recuerda el mítico clearfix?.
¿Cuánto pesa Bootstrap 5?
¿Qué diferencia hay entre Bootstrap 4 y 5?
Comparativa entre Bootstrap 4 y Bootstrap 5
| Diferencias | Bootstrap 4 |
|---|---|
| Columnas | Tiene 5 niveles (xs, sm, md, lg, xl). |
| Colores | Tiene colores limitados. |
| Jquery | Tiene jquery y todos los complementos relacionados. |
| Internet Explores | Bootstrap 4 es compatible con IE 10 y 11. |