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

Mockups PSD para productos de comida rápida

El día de hoy comparto con ustedes unos cuantos recursos ideales para realizar el branding de una empresa dedicada al ramo de la comida rápida. Estos Mockups en formato PSD son totalmente gratis; y podrás descargarlo…

close

Amordio, Una colección de gif’s animados inspirados en el amor y el odio

Quiero compartir con ustedes una peculiar colección de Gif’s animados inspirados en el amor y el odio; dos figuras que parecen antagonistas pero que han sido protagonistas en miles de novelas y libros. No obstante,…

close

5 cosas que todo diseñador debe saber

Existen algunas cosas que en ámbito profesional todo diseñador debe saber; se trata de principios fundamentales de venta y trabajo que no debemos dejar pasar. Aún así, en ocasiones las pasamos por alto debido a…

close

play_circle_outline ELMO es despedido de plaza sésamo por culpa de Trump

What’s Trending un sitio web no ha tardado en reaccionar a las declaraciones del presidente Donald Trump; declaraciones en las cuales se anuncia el recorte presupuestal a los programas de arte y humanidades para televisión….

close

play_circle_outline Burger King regala Whoppers de por vida a victimas de bullying por su apellido

Burger King ha iniciado una campaña para premiar a aquellos que ha sufrido Bullying; sin embargo, esto no aplica a todos; ya que únicamente se esta centrando en aquellos que han sufrido de esta practica…

close

play_circle_outline Mira el creativo curriculum en forma de pizza de un diseñador, simplemente genial

Tener creatividad cuando nos dedicamos al negocio de la creatividad es algo imprescindible; y es que muchos en ocasiones se limitan a copiar las obras de aquellos que han tenido éxito. Sin embargo, aún quedan…

notifications Recién publicamos
close