CSS Globe Styles es un componente Javascript/CSS no invasivo que nos permite implementar fácilmente un campo de búsqueda con sugerencia de contenido mientras escribimos.

Sus principales características son:

  • funciona en los eventos onfocus y onblur para proporcionar automáticamente las sugerencias;
  • los términos sugeridos son presentados por un cuadro descolgable (dropdown box);
  • en estas sugerencias se puede navegar por medio del teclado usando las teclas de flecha arriba y abajo;
  • solo son necesarias dos líneas de código y enlazar los archivos Javascript y CSS.

Cuadro de búsqueda que utiliza CSS Globe
Sin dudas la practicidad de esta y la simplicidad con la que se puede agregar a nuestros proyectos hacen de esta una excelente opción para crear una experiencia de usuario rica y con opciones avanzadas y accesibles.

Sitio: CSS Globe

Vía: WebAppers

Otro recurso similar: AJAXed – Personalizando tu buscador con palabras claves sugeridas gratis: es una herramienta web que de una forma muy fácil permite poner en el cuadro de búsqueda, palabras claves. Funciona con Ajax, es fácil de configurar, es gratis, se puede personalizar, funciona muy bien y se instala muy fácilmente. Si tienes en tu web un cuadro de búsqueda y quieres …

Otros recursos:

Tags: , , , , , ,

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT