Adonis Mendoza

Adonis Mendoza.
UX/UI Designer and Front-end Developer.
Especialista en desarrollo front-end para sitios Web y Aplicaciones Móviles.
Si necesitas ayuda con tu marca o producto puedes contactarme directamente a través de arteadonis@gmail.com

Montevideo, Uruguay
arteadonis@gmail.com
bootstrap 5

Bootstrap 5: Novedades

Bootstrap, el framework front-end más popular creado para diseñar interfaces modernas, responsivas y dinámicas para páginas web de diseño profesional, ha publicado una actualización importante, Bootstrap 5!

Hace pocos días el equipo de desarrollo de este amado framework informó que la versión alfa de Bootstrap 5 se lanzó oficialmente. Aquí está la página oficial y la documentación de Bootstrap 5.

Entonces,

¿qué tiene de diferente la nueva versión?

Bootstrap 5 le dice adiós a  jQuery

Bootstrap 5 oficialmente elimina jQuery y deja el soporte para Internet Explorer 10 y 11. Esto supone un gran avance para una base de código más ligera y una mejor perspectiva para el futuro.
Aunque algunos desarrolladores que trabajan en proyectos impulsados ​​por empresas considerarán esto como una desventaja, hay formas de solucionar el soporte de IE usando polyfills.
Sin embargo, con la tendencia de escribir aplicaciones de una sola página con React, Angular, Vue …, jQuery ya no ha sido popular. Entonces Bootstrap 5 eliminará completamente jQuery.

Tamaños de fuente responsivos con implementación de RFS v9

En Bootstrap 5, se han habilitado tamaños de fuente responsivos de forma predeterminada, permitiendo que el texto se escale de forma más natural en los tamaños de dispositivo y ventana gráfica.

Contenedores responsivos

Bootstrap 5 hará alarde de nuevos tipos de contenedores de pf como `.container-sm`,` .container-md` y más. Anteriormente, Regular y container-fluid eran las únicas opciones disponibles. Este sería un buen movimiento.

De Jekyll a Hugo

Jekyll es un generador de sitio estático gratuito y de código abierto. Si sabes cómo funciona WordPress, Joomla o Drupal, entonces probablemente tengas una idea de cómo funciona.
Bootstrap 4 ha sido una gran herramienta para integrarse con Jekyll a través de Sass (Syntactically Awesome Style Sheets) pero en Bootstrap 5, se anticipa un cambio importante de Jekyll a Hugo.

Hugo se describe como «Un generador de sitio estático rápido y flexible construido por spf13 en GoLang». Similar a Jekyll, es un generador de sitio estático pero escrito en lenguaje Go.
Una posible razón para el cambio es que Hugo es extremadamente rápido, fácil de usar y configurable. En comparación con Jekyll, tiene una gran integración con el popular servidor web y puede organizar su contenido con cualquier estructura de URL.

Gráficas vectoriales escalables

Los cambios en la biblioteca SVG de Bootstrap también tendrán lugar con Bootstrap 5. Otros cambios que podría ver en la próxima actualización importante son los siguientes:

  • Development of Testing infrastructure in Jasmine.
  • No más soporte para Node.js 8.
  • Cambios en las dependencias de desarrollo
  • Algunos cambios en CSS

Cambios en las clases CSS

Por supuesto, Bootstrap 5 no será interesante sin la nueva clase CSS de Bootstrap. Bootstrap 4 tiene más de 1,500 clases de CSS. Habrá alguna clase de CSS que ya no estará disponible en la nueva versión y alguna clase de CSS que se agregará.

Algunas de las clases CSS que ya se eliminaron, de acuerdo con el tablero de seguimiento oficial del proyecto Github de Bootstrap 5 son:

  • form-row
  • form-inline
  • list-inline
  • card-deck

Aquí hay algunas nuevas clases CSS de Bootstrap 5 agregadas:

  • gx-* classes control the horizontal/column gutter width
  • gy-* classes control the vertical/row gutter width
  • g-* classes control the horizontal & vertical gutter width
  • row-cols-auto

Elimina soporte para IE 10 y 11

Tanto Internet Explorer 10 como 11 representan menos del 5% del uso global del navegador, y teniendo en cuenta que desde 2016 Microsoft finalizó el soporte para versiones anteriores a la 10, este es un cambio comprensible.

Biblioteca de iconos SVG personalizada

Personalmente, me decepcionó un poco la falta de una biblioteca de iconos integrada para la cuarta versión. Usualmente utilizamos Font Awesome o íconos SVG personalizados en nuestros productos, pero pronto podemos cambiar eso.
Con la quinta versión, hay una nueva biblioteca de iconos con tecnología SVG creada por Mark Otto. ¡Lo que es aún mejor es que ya se lanzó en diciembre y puede usarlos en tus proyectos ahora mismo!

Fecha de lanzamiento de Bootstrap 5

El progreso se ve muy bien en el tablero de seguimiento oficial del proyecto Github con 686 tareas enviadas y aproximadamente 35 más pendientes o en revisión.
Teniendo en cuenta que ya están trabajando en las versiones alpa-2 y alpha-3, podemos esperar que Bootstrap 5 se lance a fines de la primavera de este año.

Una de las experiencias frustrantes de ser desarrollador es reinventar el HTML base, CSS y JavaScript para cada proyecto. Si bien algunos prefieren escribir su propio código, todavía tiene sentido usar un marco existente como Bootstrap.
Con todas las nuevas actualizaciones en Bootstrap 5, es seguro decir que el equipo de Bootstrap está dando grandes pasos para hacer que el marco sea liviano, simple, útil y más rápido para el beneficio del desarrollador.

Si no puedes esperar la versión oficial y quieres probarlo ya te dejo el enlace para descargar y ver la documentación completa de esta nueva versión
https://v5.getbootstrap.com/

Adonis Mendoza arteadonis@gmail.com

UX/UI Designer and Front-end Developer - Especialista en desarrollo front-end para sitios Web y Aplicaciones Móviles

No Comments

Post a Comment

do it!