Magazine

Top Drawer Menú desplegable para diseños responsive

Publicado el 31 enero 2013 por Biriicom @biriiCom

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

Artículos relacionados:

  • CSS Hórus
  • Dropzone.js Arrastrar y subir archivos
  • Shapeshift Plugin jQuery organiza elementos en cuadrícula…
  • SpectragramJS – Plugin jQuery para el API de Instagram
  • Motio – Plugin jQuery para animaciones y panorámicas…

También podría interesarte :

Volver a la Portada de Logo Paperblog

Quizás te interesen los siguientes artículos :

  • Top Five

    Mi chica interna siempre quiso exteriorizarse y aunque intentaba mantenerla controlada muchas veces lograba salir, y lograba hacerlo en los momentos menos... Leer el resto

    Por  Arakune
    CÓMICS, CULTURA Y OCIO
  • Menú hindú muy fácil:Recetas

    Menú hindú fácil:Recetas

    ¿Quieres hacer una cena diferente? Te propongo un menú hindú muy fácil de hacer y muy sabroso. Papadum con tres salsas, Pollo al curry con arroz basmati, laddu... Leer el resto

    Por  Missfiestas
    TENDENCIAS
  • #1 Menú diario

    Menú diario

    ¡Buenos días bombones! Desde el post de la semana pasada donde os contaba algunos de los secretos de mi perdida de peso, he recibido varias peticiones para que... Leer el resto

    Por  Mvesblog
    DIARIO, TENDENCIAS
  • Menú de cumpleaños infantil

    Menú cumpleaños infantil

    Esta tarde hemos tenido un cumple, que se ha alargado hasta bien entrada la noche, así que nuestra cena, basada en el menú típico de las fiestas infantiles, ha... Leer el resto

    Por  Noelia-Golosi
    COCINA, RECETAS
  • Menú de otoño

    Menú otoño

    Aperitivos: Besos de Otoño, Bocaditos de boniato y sésamo y Tostas de chutney de calabaza, brie y pollo.Crema de castañas, Fricandó de ternera, ciruelas y... Leer el resto

    Por  Missfiestas
    TENDENCIAS
  • #2 Menú diario

    Menú diario

    ¡Buenos días amores! Hoy he pensado en traeros el segundo post con otro ejemplo de menú de mi nueva alimentación, con el resumen de los alimentos y las... Leer el resto

    Por  Mvesblog
    DIARIO, TENDENCIAS
  • MENÚ (el relato)

    El otro día estuve comiendo en casa de un amigo al que no veía desde hacía años y me hizo unos espaguetis. Si es que se le puede llamar así a la asquerosa plast... Leer el resto

    Por  Caldero
    LIBROS, LITERATURA