Categorías: Diseño UI/UX Diseño Web Javascript Plugins Recursos

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”

Otro ejemplo:

Utilizando un callback JS

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

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

Corre la voz con tus amigos/contactos:
Compartir

Entradas recientes

  • Desarrollo

UIverse: Encuentra más de 3,000 elementos UI CSS gratuitos

UIverse es un proyecto Open-Source en donde diseñadores y desarrolladores web pueden encontrar más de…

12 meses hace
  • Inteligencia Artificial

La inteligencia artificial en la educación: retos y oportunidades

Foto de Element5 Digital en Unsplash La inteligencia artificial (IA) está revolucionando el mundo, y…

12 meses hace
  • Tecnología

12 Formas creativas de utilizar ChatGPT para mejorar la productividad en la oficina

La inteligencia artificial ha revolucionado la forma en que trabajamos, y ChatGPT, basado en la…

1 año hace

Esta web usa cookies.