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.
  • 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 ;)