Cree menús de hamburguesa deslizantes fáciles con el marco de barras deslizantes jQuery

Los diseñadores de UX discuten sobre el uso de menús de hamburguesas en diseño web. Ellos servir a un propósito para los usuarios móviles pero también tener menor capacidad de descubrimiento.

No puedo decir si vale la pena usarlos en su sitio web o no, pero si está buscando una manera fácil de configurar un menú deslizante entonces el Marco de barras deslizantes es un recurso útil.

Slidebars es totalmente gratuito y de código abierto, construido en la parte superior de la biblioteca jQuery. Funciona de la misma manera que lo esperaría al hacer clic en el ícono de una hamburguesa para abrir un menú deslizante y empuja la pantalla fuera del lienzo Para hacer espacio.

Una característica que me gusta especialmente es la configuración de tap-to-hide donde puede tocar en cualquier lugar de la página para ocultar inmediatamente el menú. Esto no está incorporado en cada complemento del menú deslizante, pero es una característica que mejora enormemente la experiencia del usuario.

Este complemento es totalmente de código abierto y el código está disponible de forma gratuita. en GitHub si quieres echar un vistazo Sin embargo, al repositorio le falta un conjunto claro de documentación que dificulta la configuración.

Afortunadamente, puedes encontrar esto en el sitio principal con guías de uso completo para obtener Slidebars en marcha y correr rápido.

Soporta menús deslizantes. De los cuatro lados de la pantalla., junto con características personalizadas para efectos de animación, opciones de color y ancho / alto total del menú.

Todo el menú deslizante. trabaja en un elemento fuera de página, por lo que necesita configurar el menú fuera de lienzo correctamente. Esto incluye tanto el HTML adecuado como el CSS adecuado para el estilo.

Todo esto se detalla detalladamente en la documentación, por lo que si sigue las páginas paso a paso, debería hacerlo funcionar bien. Y, la configuración por defecto no requiere ninguna propiedad personalizada, así que si solo sigues los pasos básicos no tendrás problemas.

Slidebars realmente es un marco completo e incluso tiene una API personalizada puede trabajar sobre Te permite llamar funciones jQuery para agregar características o personalizar la funcionalidad por defecto. Una excelente opción para los desarrolladores que necesitan un menú deslizante pero que no quieren crear uno desde cero..

Si tienes curiosidad por saber más, visita el sitio web de Slidebars. Tiene, literalmente, todo lo que necesita saber y un montón de demostraciones para su uso..