Awesomplete, poderoso y ligero autocomplete sin dependencias

Awesomplete es un plugin JavaScript que te permite agregar a un formulario de búsqueda la función autocomplete, como la utilizada por Google en su buscador, de tal modo que cuando el usuario empieza a escribir en el campo de búsqueda Awesomplete busca en una lista de palabras las que tengan coincidencias con lo que ha escrito el usuario y se las sugiere, su instalación es muy sencilla pero si requiere de algunos conocimientos básicos de programación.

Los Autocomplete son una herramienta muy útil y sutil que los usuarios de tu pagina web agradecerán, suponen una mejora en el diseño de interfaz de usuario (UI/UX) ya que les permite encontrar de forma mas eficiencia la información que desean, Awesomplete también puede ser la alternativa para los Selects con largas listas ya que le permitirá al usuario encontrar una palabra de la lista con solo escribir un par de letras.

Ejemplos de integración:

“Sin JavaScript”

Awesomplete ejemplo1

Otro ejemplo:

Awesomplete ejemplo2

Utilizando un callback JS

Awesomplete ejemplo3

Nota: En ambos ejemplos se necesita incluir el archivo JavasScript & CSS de Awesomplete en la cabecera <head> de nuestra pagina.

Awesomplete

En el siguiente enlace podrán descargar este plugin JavaScript que pesa tan solo 2kb en su versión comprimida, por otro lado hay que destacar que este plugin no tiene ninguna dependencia así que no tendrás que estar obligado a incluir jQuery o ningún otro framework para que funcione correctamente.

Enlace para descargar Awesomplete

comment ¿Que opinas?

Artículos recientes

close

LE Clitoris, un adorable documental animado sobre el clítoris (NSFW)

Le Clitoris es un gracioso y adorable documenta que nos explica la historia del único órgano humano dedicado al placer; este curioso vídeo que ha sido creado por Lori Malépart-Traversy ha sido premiado en diversos festivales; durante…

close

Schrodinger’s Wood, un ejemplo de ilusión óptica en el arte

Maskull Lasserre ha creado una genial escultura en madera que muestra un escenario un tanto imposible; y es que, esta obra de nombre Schrodinger’s Wood es una oda a los detalles que merece la pena apreciar….

close

Creativos accesorios de oficina para diseñadores y amantes de Pantone

Pantone se ha vuelto inmensamente grande en cuanto a publicidad directa e indirecta; esto es evidente cuando nos fijamos en la cantidad de productos, obras y diseños que ha inspirado. Desde fotografías, selecciones de colores…

close

Ilustraciones para reflexionar sobre los problemas de la sociedad

Quiero compartir con ustedes unas impactantes ilustraciones realizadas por un artista conocido en Facebook como “Al Margen“; la cuales, nos invitan a reflexionar sobre lo intrincado y vacío de los problemas actuales de la sociedad….

close

El Spinner de Google, la solución a tu estrés y sin gastar tu dinero

Con motivo de la creciente afición y moda de los Spinners para aliviar el estrés muchas empresas han sacado sus versiones de esta simple herramienta; razón por la cual, Google ha decidido no quedarse atrás…

close

play_circle_outline WoodSwimmer, fascinante stop motion hecho con cortes de madera

Brett Foxwell es un fotógrafo creativo que gusta de tomar fotografías en alta definición sobre objetos inanimados “en movimiento”; en esta ocasión presenta su nueva película en Stop Motion denominada WoodSwimmer, la cual, nos sumerge…

notifications Recién publicamos
close