¿Es mejor Bootstrap o Bulma? | Programador Web Valencia

¿Es mejor Bootstrap o Bulma?

2 minutos

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

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me invitas a un café? ☕

Puedes hacerlo usando el terminal.

ssh customer@andros.dev -p 5555

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario

Tal vez también te interese...