Top Drawer Menú desplegable para diseños responsive

 

Top Drawer es un menú desplegable para diseños web responsive (es decir, que se adaptan automáticamente al tamaño de la pantalla del dispositivo con que se visualiza la página web).

Dado que se apoya para su funcionamiento en Modernizr, éste es el encargado de detectar si el dispositivo es capaz de realizar transformaciones CSS. De no serlo, simplemente se muestra u oculta el menú tras la pulsación del botón sin utilizar animaciones (ya que no tiene sentido intentarlo si el movimiento de deslizamiento de las opciones de menú se va a realizar bruscamente).

TopDrawer usa Modernizr y transformaciones CSS

TopDrawer usa Modernizr y transformaciones CSS

 

El ejemplo de la página de referencia utiliza para su funcionamiento Modernizr, transformaciones CSS y jQuery, si bien podría utilizarse Javascript estándar en lugar de este último componente.

 

Sitio web: http://www.jordanm.co.uk/lab/topdrawer

 

Esta entrada fue publicada en Sin categoría. Agregar a favoritos enlace permanente.

0 comentarios acerca de “Top Drawer Menú desplegable para diseños responsive

  1. Pingback: Bitacoras.com

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *