Bulma Framework: una nueva herramienta adecuada para el desarrollo de paginas web basado en Flexbox
¿Por qué Bulma?
Fácil de usar y bastante sencillo a la hora
de implementar; ¿quien no se ve tentado a usarlo? Bulma toma el camino de la
simplicidad a la hora del desarrollo, en este no existe ningún archivo
JavaScrip, evitando el uso de alguna librería o plugin. Para su uso solamente
necesitas un archivo CSS para empezar el desarrollo de tus proyectos, al ser
basado en flexbox te encontraras con infinidad de técnicas para hacer tu
entorno gráfico lo mas gratificante posible.
Pasos sencillos para empezar:
1.
Utiliza npm para instalar la
paqueteria de Bulma.
npm-bulma
2.
Vincula los CDN de la hoja de
estilo de Bulma con cdnjs.
https://cdnjs.com/libraries/bulma
3.
Para obtener la ultima version
del desarrollo, visite su pagina en GitHub.
¿Bulma VS Bootstrap?
El objetivo de Bulma no es mas ni menos diferente al de Bootstrap,
al tener el mismo propósito se entiende la compatibilidad de estos mismos, no
hay una respuesta concreta sobre si utilizar uno afecta el otro, eso depende
del criterio del usuario, claro esta que estos, pueden compartir una estructura
CSS similar, pero también existen diferencias obvias entre ellos.
Características comparativas:
Bulma
• Con las nuevas funciones de CSS3 como flexbox, y el
uso de Grid y Variables, Bulma tiene como objetivo principal mantenerse acorde
con las nuevas tecnologías en navegación.
• Sencillo Sistema de Grid, donde usaras
un solo contenedor .columns donde puedes incluir tantos elementos .column que
sean necesarios.
• Como Sintaxis, se puede notar el simple manejo de las clases,
las cuales poseen nombres sencillos y fáciles de interpretar, ejemplos claros
serian : .title .button.
• Bulma también es compatible con una sorprendente fuente como es Font
Awesome gracias al elemento .icon.
• Bulma se ayuda con mas de 100 especificaciones de CSS, como
color entre otras.
• Fácil de implementar en cualquier contexto de desarrollo sin JavaScript.
Bootstrap
•
Bootstrap usa jQuery Plugins muy útiles, para el
uso de interacción en el diseño web.
•
Con el tiempo que lleva
Bootstrap alrededor es obvio a simple vista que este tiene una comunidad mas
grande que Bulma, teniendo en cuenta que tiene mas herramientas (temas y
complementos).
• La compatibilidad de Bootstrap es mayor que la de Bulma, la cual es
un 90% y en IE11.
• Tiene elementos adicionales los cuales no los tiene Bulma.
#saladtech @yldeveloper
Comentarios
Publicar un comentario