¿Es mejor Bootstrap o Bulma?

Los Diseñadores Web tenemos suerte de tener tantos, y tan buenos, Frameworks CSS con los que trabajar. Y entre todos ellos Bootstrap y Bulma son los que más ruido están haciendo actualmente.

He trabajado en varios proyectos que han ido acompañados de un Framework CSS. Unas veces era Bootstrap y otras Bulma. Y después de jugar entre todas sus grandezas y miserias, tengo que reconocer que me he enamorado de ambos. Pero mi corazón no pertenece a ninguno. No son equivalentes ni pueden hacer las mismas cosas. Cada uno tiene su razón de existir, y ninguno es un 4x4.

Voy a compartir mis opiniones al respecto, por si alguien necesitara tomar una decisión.

Boostrap

Ventajas

• Inmenso soporte de la comunidad. Es sin duda alguna el más popular y que más ayuda recibe.
• Pequeñas mejoras en CSS que te harán más productivo: margenes, tamaños, colores, alineamientos…
• Componentes en Javascript ya listos: Desplegables, Carousel, modales, Tooltips…
• Ayudas para responsive design independiente de su sistema de columnas.
• Enorme documentación plagado de ejemplos.
• Fácil encontrar diseñadores web que puedan trabajar con él.

Inconvenientes

• Cierta dificultad para iniciados.
• Tan utilizado que perderás originalidad. Con el tiempo detectarás de un solo golpe de vista si una web usa Bootstrap.
• Poco flexible si pretendes alterar sus componentes.
• Dependencia de 4 elementos: 1 archivo CSS y 3 Javascripts.
• Inexistente retrocompatibilidad: Safari 10, Edge 15, Internet Explorer 10, algunos iOS…

Bulma

Ventajas

• Diseño exquisito.
• Sencillo de aprender.
• Un solo archivo de CSS.
• Sintaxis lógica y rápida de aprender. Por ejemplo, los input deben tener la clase input y las img tienen image.
• Documentación rápida de consultar.
• Su autor, Jeremy Thomas, no deja de añadir nuevas características.

Inconvenientes

• No hay ni una línea de Javascript, por lo que las funcionalidades tendrás que programarlas. Aunque es cierto que en algunos componentes proporcionan ejemplos listos para copiar y pegar. Y teóricamente, si es un proyecto serio, estarás usando un Framework JS.
• Tiene muchísimas ayudas de responsive design, pero se echa en falta los margenes y paddings.
• Si quieres usar su sistema de columnas, debes saber trabajar con Flex para sacarle el máximo partido.
• La documentación no tiene un buscador o un orden sencillo para navegar. A pesar que la reorganizaron.
• Es pequeño respecto a Bootstrap, y eso se ve reflejado cuando buscas ejemplos o tutoriales en la red.
• A pesar de todas las contribuciones de la comunidad, sigue siendo en el fondo un proyecto personal. En consecuencia sus actualizaciones son lentas.

Conclusiones

Si necesitas realizar un proyecto pequeño-mediano, personal y altamente configurable; Bulma es para ti.

Si vas a trabajar en un gran proyecto, con varios compañeros, y quieres evitar programar en Javascript; instala Bootstrap.

Y un último consejo: no necesitas ser un Gurú de CSS para ayudar a un proyecto Open Source. Devuelve el trabajo que te han regalado ;)