Cree menús de hamburguesas deslizantes accesibles con Offcanvas
El plugin Offcanvas gratuito es uno de los muchos recursos para navegar por deslizamiento. Puede encontrar un montón de complementos similares en línea, pero Offcanvas se destaca por algunas razones.
Es una biblioteca bastante liviana y, aunque se ejecuta en jQuery, tampoco es muy difícil de configurar . Esto es cierto tanto para el código de JavaScripts como para el código HTML, por lo que no necesitará cambiar mucho su navegación predeterminada.
El complemento Offcanvas te permite designar ciertas áreas donde debería aparecer el menú . Por defecto, este suele ser el lado izquierdo o derecho de la pantalla, pero también puede elegir la parte superior o inferior de la pantalla.Esto hace que Offcanvas sea ideal para más que simplemente deslizar menús de hamburguesas. Se puede usar para deslizar barras de notificaciones o incluso campos opcionales para capturar correos electrónicos .
Cada panel funciona de la misma manera en que el usuario puede hacer clic en cualquier lugar de la página para ocultar el menú deslizante . Y puede configurar comandos de teclado que funcionen de acuerdo con las pautas de ARIA para una accesibilidad web adecuada.
Para instalar Offcanvas, solo necesita una copia de jQuery junto con los archivos de Offcanvas CSS / JS . Puede llevarlos a través de npm, bower o directamente desde GitHub.
También en la página de GitHub, verá un poco de código de muestra que puede volver a procesar para adaptarse a su sitio web. Todo lo que necesita para el desplazamiento de navegación es una
Esto se activa a través de un enlace de anclaje que apunta hacia la ID de su menú deslizante. Aquí hay un fragmento de Offcanvas GitHub que ilustra un breve ejemplo:
... ...
Si puede modificar ligeramente el HTML en su página, no debería tener problemas para configurarlo todo.
La función offcanvas()
incluso admite opciones para cambiar la velocidad de la animación, la clase predeterminada y las funciones de devolución de llamada que pueden ejecutarse después de que el menú se abra o se cierre.
Para obtener más información y ver una demostración en vivo, consulte la página principal del complemento. Offcanvas es una excelente opción para navegar con jQuery si te gustan los menús de hamburguesas.
Diseño anticipatorio: cuando la elección se elimina de la toma de decisiones
¿Alguna vez pensaste en cómo se vería la web si pudiéramos anticipar las necesidades de los usuarios ? La idea de personalizar la experiencia del usuario y servir contenido diferente a diferentes personas en función de sus intereses ha aparecido recientemente en las discusiones sobre diseño web.El nu
¿Qué consejo le darías a tu yo más joven?
Leí un artículo que citaba al CEO de Dropbox, Jeff Houston, enumerando sus 5 preguntas favoritas para la entrevista de trabajo. Una de las preguntas era: si pudieras sentarte 10 años atrás, ¿qué consejo le darías a tu yo más joven?Sería injusto esperar que un entrevistado pueda responder a esto en el acto. No porq