slideout

Anunciando Slideout.js

En Mango siempre nos esforzamos en diseñar la mejor experiencia para nuestros usuarios a la hora de utilizar nuestros productos desde cualquier dispositivo. Ya sean celulares, tablets o computadoras de escritorio.

Nuestro panel de administración es una single-page application que construimos aplicando el concepto de Mobile first donde el proceso de diseño empieza a pensarse comenzando por el uso de dispositivos móviles y luego se va adaptando a otros dispositivos. Además de pensar en diferentes resoluciones, hay que pensar en las diferentes capacidades con las que contamos en cada dispositivo y utilizarlas para poder brindar la mejor experiencia posible.

En este caso, quiero contarles como aprovechando los eventos touch creamos una experiencia mucho más fluida en nuestro panel. Seguramente, cuando usan una aplicación nativa, están acostumbrados a abrir un menú arrastrando la pantalla desde un costado.

En las últimas semanas estuvimos trabajando para llevar esa interacción a nuestra web app y estamos muy contentos de anunciar Slideout.js.

Slideout.js es un módulo open source que ofrece la posibilidad de utilizar el patrón off-canvas en tu sitio o aplicación web de una forma muy sencilla aprovechando al máximo los eventos touch, de una manera muy fluida, sin dependencias y sólo en 4 Kb.

Slideout.js demo

Los invito a que lo prueben desde sus dispositivos touch y si están interesados nos ayuden a mejorarlo: testeando, cargando issues o agregando mejoras.

¡Hasta la próxima!

Los comentarios están cerrados para este artículo.