BootStrap o Material Designer
Muchos seguramente ya nos hemos topado gran duda de cómo encarar la maquetación de mi nuestras nuevas App.
Sinceramente siempre he usado en la gran el famoso Bootstrap Pero últimamente muchos colegas y algún que otro sitio están ya haciendo ruidos en mis oídos que BootStrap ya no es lo más usado y surgieron ya hace tiempo muchos otros tal vez más potentes, performantes lindos o simplemente de moda como muchas de las novedades de las últimas décadas. Algunas modas vienen para hacer la diferencia y quedarse o...simplemente desaparecer
En este caso voy a hablar de mi viejo amigo bootstrap y uno nuevo que llevo unos meses usando y hacer un poco de análisis de sus pros y contras
Por lo tanto me puse a ver un poco el tema así rapidito en unos Hello Planet (algo mas q hola mundos) y que onda con estos competidores de mi amigo BootStrap y tome como competidor al gran Material Designer Frameworkisado Materializer
Empecemos.
BootStrap Está desarrollado en sus inicios por el equipo de Twitter y tiene muy bien documentado todo el framework Aqui Hoy dia es continuado por su creador (Otto y Jacob ) y otros. Cabe aclarar que Otto es nada más ni nada menos que el Director Principal de Diseño en GitHub.
BootStrap Mejoró bastante con respecto a su sencillez tanto en uso y facilidad de aprendizaje.
- Si querés hacer un proyecto que te quede bien armadito y no deseas programar mucho front end BootStrap te facilita las cosas ya que su gran variedad de componentes css, templates descargables y customizables permiten que crees sitios únicos tan pronto como sea posible
- Elimino ya en su version 4 (jquery) y esta pensado en primera medida para ser usado desde las small screens y cuenta con un excelente set de utilidades responsives que hacen la tediosa tarea front end rápida y sencilla
- Además, encontrará muchos sitios web que ofrecen tutoriales de Bootstrap, una amplia colección de temas, plantillas, complementos y un kit de interfaz de usuario que se pueden usar según su gusto y naturaleza del proyecto.
Que me hace ruido con Bootstrap:
- Agrega muchas cosillas a nuestro producto en el browser , cosas q engordan bastante el código fuente y parecen hacerlo un poco pesado
- Para proyectos chicos .. parece no ser lo mejor .Por lo dicho arriba, Bootstrap agrega mucho contenido web que tal vez no sean aprovechados en una simple app
Ahora Vamos a Material Designer / Materializer (MD al que le agregan javascripts y lo hacen framework)
Fué introducido por Google brinda una compatibilidad amplia en la mayoría de los exploradores.
No es framework hasta que aparece el front-end framework Materialize que está basado en MD
Material se lleva muy bien con Angular Material y React Angular
Utiliza el preprocesador SASS (ojo.. no confundir con SaaS-->Soft as service jaja), Syntactically Awesome Style Sheets o Hojas de Estilo Sintácticamente Alucinantes. Para ser rápido estos preprocesadores CSS posibilitan traducir hojas de estilo comunes a un código estándar y reconocible por los navegadores… Aclaro que también BootStrap utiliza este SasS
Material D. no tiene dependencias de algún framework Javascript. Bootstrap si en sus versiones anteriores a la 4.3. pero ya lo eliminó en las nuevas
Contras:
La verdad al no usarlo tanto no eh encontrado muchas desventajas lo que sí mas destaco es que la cantidad de elementos HTML es más limitada que bootstrap y no soporta LESS (no me molesto mucho esto). Pero esto seguro se debe a que es mucho más nuevo y es cuestión de tiempo .-
Concluyendo .. ambos están muy preparados para poder construir casi cualquier diseño de página. Puede que Bootstrap sea más completo a nivel de pequeños detalles. Pero gráficamente, Material Design está muy por encima. Al final, tendremos que decidir con cuál nos quedamos dependiendo de nuestro proyecto.