Master Bootstrap v 1.2.0, nuevas características

Escrito por | 01 Noviembre 2015 | Publicado en Noviembre 2015
  Hace tiempo que Master Bootstrap no era actualizado con cambios significativos para el usuario final. Tenemos buenas noticias, ¡veamos qué hay de nuevo!

Experiencia de usuario y teléfonos

Una de las principales mejoras, es la incorporación de mmenu jquery, un hermoso menú para móviles que permite navegar suave fácilmente. Para que funcione, sólo debes hacer lo siguiente:

  • Creas un nuevo módulo tipo Menú
  • En la pestaña Avanzado, en la Presentación alternativa buscas Master Bootstrap y eliges Panel
  • La posición del Menú es Panelnav, y debes escribirla directamente.
  • Obviamente, debemos también elegir el menú que quieres mostrar en el teléfono ;)

Ya tienes funcionando el Menú. Si no haces este proceso, seguirás viendo el antiguo menú responsive, no hay problema.

Además, le agregue animación al menú. De todas maneras, puedes personalizarlo si te gusta codificar.

Un header que te sigue

Otro cambio importante es el uso de headroom JS. Este permite al header reaccionar ante un desplazamiento del usuario; desaparecen cuando se desplaza hacia abajo y aparece  cuando se desplaza hacia arriba.

Los header fijos son útiles porque siempre muestran el menú. Sin embargo, cuando usas pantallas más pequeñas en sentido horizontal por ejemplo, el header fijo ocupa espacio importante en la pantalla. Con este nuevo header, permite que el usuario se enfoque en los contenidos del sitio, sin perder la vista del menú al subir y bajar.

Más novedades y arreglos

Página de error 404, más amigable y atractiva

Nueva posición Copy, para poner datos de copyright e información legal.

Nuevo estilo MBstyle: desde el módulo en la pestaña Avanzado, vas a estilo del módulo y eliges MasterBootstrap - MBstyle. Ya tienes un estilo :)

masterbootstrap

Actualizado a Bootstrap 3.3.5

Actualizado a Font Awesome 4.4.0

Arreglado la vista blog en Joomla. Las columnas tienen clases de Bootstrap. El archivo fue sobreescrito (override).

Ya saben, este es un excelente primer paso para obtener un sitio personalizado a tu gusto, manejando Bootstrap al 100%. Basta que tengas conocimientos de CSS y algo de otros códigos para lograr cosas únicas y extraordinarias.

Revísalo aquí http://www.masterbootstrap.com/

Lo que viene

Varias personas me han preguntado sobre incorporar preprocesadores CSS, especialmente LESS y SASS. Pues bien, es una de las novedades que tendremos pronto.

Master Bootswatch

Ya está casi listo, las mismas novedades de Master Bootstrap, pero agregaremos algunas cosas más en el área de admin. Opción de elegir ancho del template y background, aparte de los estilos de Bootswatch. Esto permite construir sitios rápidamente, lo que hace la diferencia con Master Bootstrap, donde si tienes que desarrollar tu creatividad para obtener un sitio único. Vean el video aquí:

https://youtu.be/4tAY08A99vE

Visto 3842 veces Etiquetado como Spanish, Diseñador