Bootstrap VS Tailwind CSS

Conozcamos algunas diferencias entre Bootstrap y TailwindCSS

Video Bootstrap VS Tailwind CSS

Una de las más importantes es la capacidad de personalizar estilos únicos, la velocidad en el desarrollo y el poco peso de 27kb frente a los mas de 368kb

BOOTSTRAP VS TAILWIND CSS el nuevo Framework CSS.

Enlaces oficiales a su documentación de cada FrameWork CSS, El viejo y más usado y el nuevo que viene con fuerza.

Diferencias en sus componentes

En este caso, hay que destacar a Bootstrap, puesto que existen un mayor y más amplio conjunto de componentes; entre los que se incluyen tarjetas, modales, acordeones, pestañas de navegación, etc.

Tailwind CSS solo tiene un puñado de componentes de acuerdo con su documentación, siendo la lista completa: Alertas, Botones, Tarjetas, Formas, Rejillas Flexbox y Navegación.

Son tan solo 7 “componentes” frente a los 21 que nos ofrece Bootstrap. En cambio, con Tailwind CSS tendrás el abanico de clases que citamos con anterioridad, ¿Recuerdas? Con el qué, combinándolas de forma adecuada. Serás capaz de crear cualquier tipo de componente que desees.

Diferencias en su carga y cantidad de ficheros

Bootstrap tiene 4 archivos que se deben incluir en el proyecto para obtener todos los beneficios del Framework CSS por completo. Juntos suman hasta 308.25kb incluyendo jQuery, Popper.js, Bootstrap JS y el archivo CSS de Bootstrap.

En comparación, Tailwind CSS solo requiere un archivo base de .CSS que asciende a solamente 27kb. Es cierto que Bootstrap tiene un conjunto mucho más grande de componentes y funcionalidades, sin embargo, si no necesitas ciertos componentes como “modales” u acordeones, seguramente Tailwind puede ser una gran opción de cara a implementar un proyecto ligero.

Conclusión final

En conclusión, la decisión de si elegir entre Tailwind CSS o Bootstrap debe basarse más en las necesidades personales de cada proyecto respecto a sí existe la necesidad de usar bien un mayor número de estilos y componentes. O bien, una amplia gama mayor de clases ya, digamos, prefabricadas.

No existe una ventaja clara de rendimiento o calidad de un framework sobre el otro, excepto el hecho de que Bootstrap todavía viene con un conjunto mucho más grande de componentes.

En la optimización SEO el menor peso juega un papel importante de cara al Posicionamiento del Sitio Web donde Tailwind saca una ligera pero significativa ventaja. Aunque ello no sobrepasa el hecho de escribir CSS puro.

No hay descargable

Redactado por: , Leido 5387 veces

CURSOS DE PROGRAMACIÓN CON PROYECTOS

© Todos los derechos reservados Codea App FullStack | Cursos de programación avanzados | 2020 - 2021