15 Interesting JavaScript and CSS Libraries for May 2016 https://t.co/rBcYbIcj5F

 

15 Interesting JavaScript and CSS Libraries for May 2016 https://t.co/rBcYbIcj5F

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

 

Dropzone.js Arrastrar y subir archivos

 

Dropzone.js es un componente Open Source que facilita una forma cómoda de arrastrar y subir archivos a una zona predeterminada. Permite arrastrar y subir varios archivos simultáneamente. Otra de las cosas buenas es que facilita una vista previa del archivo cuando éste es una imagen.

Dropzone.js para jQuery

Dropzone.js – Arrastrar y subir archivos

Para su funcionamiento requiere de jQuery y apenas hay que configurar gran cosa. Por tanto, es fácil de implementar y de utilizar.

Si adicionalmente quieres darle un aspecto bonito, el autor también facilita archivos CSS y el sprite PNG para su descarga. En la página del autor puede verse un ejemplo de código que muestra lo sencillo que es de aplicar a nuestros proyectos.

Sitio web: http://www.dropzonejs.com/
Descarga
https://github.com/enyo/dropzone
Material adicional (CSS y sprite PNG): https://github.com/enyo/dropzone/tree/master/downloads
Requerimientos: jQuery

 

Ajax Autocomplete para jQuery

Ajax Autocomplete es un plugin jQuery que, aplicado a campos de texto, añade la facilidad de autocompletado y autosugerencias. Para ello hace consultas via AJAX con el fin de recoger los datos a mostrar según vamos escribiendo.

Diseñado con el objetivo de que sea un plugin con buen rendimiento (rápido), los resultados de cada consulta se guardan en una caché local de la cual se extraen cuando la misma consulta se repite. Así se evitan viajes HTTP innecesarios para consultar la base de datos.

Ajax autocomplete plugin para jQuery
Si no encuentra resultados para una consulta concreta, detiene las sucesivas llamadas al servidor que compartan el mismo prefijo que estamos escribiendo (todo esto para minimizar las consultas al servidor y, así, mejorar la velocidad de respuesta). Seguir leyendo