¿Cual es el mejor Framework CSS? 2018

Cuando ya llevas en tu espalda varios sitios, y tienes libertad de elegir tus herramientas, acabas probando todo lo que hay en el mercado. Los Frameworks CSS son fáciles de aprender, y todos tienen algo que ofrecerte. Los acabas utilizando por diferentes razones: te llama la atención, parece que te va a ahorra trabajo, lo recomienda un compañero… y porque resulta muy divertido probar nuevos sabores.

He seleccionado los que he podido probar por mi mismo y he realizado al menos un sitio completo. Con todo lo bueno y malo que conlleva mantener diferentes sitios con diferentes Frameworks. Después de analizarlo respondo a la pregunta que muchos os haréis: ¿Cual es el mejor Framework CSS? O lo que en realidad te quieres preguntar: ¿Qué es lo próximo que voy a aprender?

Bootstrap

V4.1.2

Hablamos del segundo proyecto más exitoso de GitHub (126.000 estrellas), con una popularidad sin precedentes en el desarrollo Web. Nació como una simple herramienta interna de Twitter. Mark Otto y Jacob Thornton se encargaron de realizar un conjunto de estilos y patrones para dar homogeneidad a todas las Webs que se estaban creando dentro de empresa. Lo bautizada como Blueprint. En 2011 terminaron el desarrollo y lo hicieron público bajo el nombre de Bootstrap. Su gran uso a ayudado a que tenga una evolución, adaptándose a nuevos estándares, hasta llegar a nuestro días con Flex.

Ventajas:

Inconvenientes:

Enlace:

Tailwind CSS

Version 0.6.4

Tailwind no es un Framework, o UI kit, como Bootstrap, Bulma o Foundation… No tiene temas, ni componentes prefabricados, ni Javascript, ni te impone un diseño que te pelearas para modificar. Son simples estilos, en concreto un montón clases. Una gran biblioteca que te acelerará como un cohete la creación de cualquier diseño que se te pase por la cabeza. Cuando lo domines se dará el caso de hacer una página sin haber escrito ni una línea de CSS.

Ventajas:

Inconvenientes:

Enlace:

Bulma

Version 0.7.1

Cuando se presentó al público web, su popularidad alcanzó rápidamente los primeros puestos de Hacker News (el foro más popular entre desarrolladores). Y no solo en una ocasión, sino en dos. Adelantó al titánico Bootstrap jugando en su propio terreno utilizando Flex en su núcleo. Modernizó el sistema de maquetación para usar el potencial de los nuevos estándares. Por otro lado nos regaló un diseño precioso y cuidado en cada pixel.

Ventajas

Contras

Enlace:

Semantic UI

V2.3

Una estupenda alternativa nacida en el 2003. Aunque en apariencia parece estar más enfocado a smartphone, con su estilo plano e integración con los grandes Frameworks de Javascript, es perfecto para cualquier sitio. Sea una web pequeña o grande. Al igual que Bootstrap, hace gran uso de JQuery para activar y manipular sus componentes. No obstante, no quiero que ello te asuste, su documentación da ejemplos lo suficientemente buenos para no pelearte.

Ventajas:

Inconvenientes:

Enlace:

Foundation

V6.4.2

El ancestral enemigo de Bootstrap. Se ha visto siempre como la alternativa seria para empresas. Cabe destacar que nación en el 2011 con la intención de mejorar lo que había en el mercado. Y para ello usaron SASS como base, exprimiendo todo su potencial (con mixins) y siendo pioneros en la incorporación. A pesar de estar mantenido por una empresa (Zurb), su código posee licencia Opensource. Por otro lado es un proyecto con 3 ramas. No solo puedes hacer sitios Web, sino también Emails y Apps (con Angular). Siendo en su conjunto una navaja suiza del Diseño Web.

Ventajas:

Inconvenientes:

Enlace:

Minicss

V3.0.0

Se podría considerar un microframework o un punto de partida. Se centra en dar las herramientas mínimas de maquinación y nivelar las pequeñas imperfecciones del HTML. Para algunos será simple, pero si valoramos su ridículo peso con todo lo que nos proporciona podrás comprobar que es una inversión muy buena. Por encima de su esqueleto te deja colocar lo que necesites. Será tan potente como buen Diseñador Web seas.

Ventajas:

Inconvenientes:

Enlace:

Tu framework CSS

v0.0.0

No he podido evitar una opción que nadie recomienda pero creo que es esencial para cualquier Diseñador Web. Estamos acostumbrados a que nos den el trabajo ya empaquetado en forma de estilos y una documentación perfectamente redactada. No es una perdida de tiempo desarrollar nuestras propias herramientas. Lo más seguro es que exista decenas de librerías iguales, con menos problemas y mucho más eficientes. Todos los Frameworks que he nombrado nacieron por dos razones: necesidad o ganas de aprender. Y todos los desarrolladores lucharon contra los mismos sentimientos que te vas a enfrentar: inseguridad, apatía, frustración, pereza… Forma parte del aprendizaje, de ser curioso. En el peor de los casos te servirá para entender la estructura de los grandes, y en el mejor serás independiente. Y, ¿quién sabe?, puede serle de ayuda a otras personas.

Ventajas:

Inconvenientes:

Enlace: Depende de ti.

Interés a lo largo del tiempo

Conclusiones

¿Cual debo utilizar? Depende. Mis sugerencias.

Versión escritorio