Crea un sitio flash gratis

35 secuencias de comandos útiles para generar tooltips

Este término tooltip (no es una palabra que pueda traducirse con facilidad), según lo explica la Wikipedia se refiere a una herramienta de ayuda visual, que funciona al situar o pulsar con el ratón sobre algún elemento gráfico, mostrando una ayuda adicional, son esas ventanitas, generalmente de fondo amarillo o gris, que aparecen cuando colocamos el puntero del ratón sobre un objeto de la pantalla. De ese modo informa al usuario de la finalidad de dicho  elemento sobre el que se encuentra. Esta es la mejor manera de mostrar información adicional o referencia en un enlace. Los tooltip son una variación de los globos de ayuda y es un complemento muy usado en programación, dado que proporcionan información adicional sin necesidad de que el usuario la solicite. Aunque con HTML podemos lograr una descripción básica por el uso de las etiquetas TITLE="", ALT="" o incluso <ACRONYM>. Pero no se parece en nada a lo que podemos conseguir con Javascript, CSS y Ajax, que muestra a nuestros lectores una manera más divertida, interesante e interactiva, tal y como está reflejado en la figura inferior:

35-secuencias-tooltips

Existen muchas recopilaciones sobre el tema del tooltip, en alguna ocasión he publicado alguna de ellas, las encontramos de todo tipo, con  Javascript, Javascript Frameworks, incluso con solamente CSS. Algunas de ellas con tutoriales para construirlos. En el artículo 35 Useful Scripts for Tooltips, de Vandelay Design, nos proporcionan un montón de secuencias de comandos de información sobre herramientas disponibles que se pueden utilizar en tu propio trabajo, unas 35 opciones. Eso proporcionará a los visitantes información adicionales sin crear desorden añadido en la página.

Escrito por Toni

Comparte este artículo:

Estas son las categorías a las que pertenece el artículo 35 secuencias de comandos útiles para generar tooltips:

Desarrollo web, Herramienta/utilidad, Efectos


favoritoInsertar un Comentario


Nombre:

Email:

Comentario:

Escribe la siguiente palabra: No lo entiendes? Cambia el texto!

favoritoComentarios

No hay comentarios en este artículo.