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

Hermosas fotografías de paisajes nocturnos por Simon Waldran

La fotografía nocturna nos permite ver angulo nuevo de los paisajes que conocemos; esto debido a que en la naturaleza los contrastes de luces y ambiente cambian demasiado dependiendo de la hora. Es por eso,…

close

Mockup Photoshop animado de iPhone gratis

Excelente Mockup Photoshop animado de iPhone para descargar gratis y utilizar para presentar tu proyecto, esta perfecto para presentar junto a un portafolio digital o web, no es para After Effects, todo es para generar ya…

close

Netflix Beers, el creativo diseño de cervezas inspirado las series de Netflix

Netflix Beer, es un proyecto realizado por la diseñadora gráfica Razan Wehbi; en la cual crea un genial branding de cervezas para la empresa Netflix que siempre esta en busca de expandir su negocio. Es…

close

Geniales ilustraciones minimalistas con motivo del descubrimiento de la NASA

La artista Amanda J. Smith ha realizado unos carteles para conmemorar el descubrimiento del sistema planetario TRAPPIST-1; estas ilustraciones que han sido presentadas por la misma NASA son un intento para que nos demos una idea de…

close

Lista de estrenos en Netflix para Marzo 2017

Como cada mes, te traemos todos los estrenos en Netflix para Marzo 2017 a su plataforma de vídeo mediante streaming; series muy esperadas como “Ingobernable” e incluso películas como “50 sombras de grey” y “Monsters…

close

100 Iconos temáticos para paginas web gratis

Les comparto este paquete de 100 iconos temáticos gratis que me encontré navegando por Dribbble, esta serie de iconos no se centra en redes sociales, servicios web y tampoco se trata de iconos para controles o aplicaciones,…

notifications Recién publicamos
close