• Publicidad
  • Contacto
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
Sin resultados
Ver todos los resultados

7 Recursos para crear Tooltips

Diego CambiasoporDiego Cambiaso
06/03/2018
enDesarrollo/programación, Diseño, Internet, Recursos
Tiempo de lectura2 minutos
Share on FacebookShare on Twitter

7 Recursos para crear Tooltips

Existen muchas formas de mostrar una ayuda, un mensaje o cualquier otro tipo de información que requiera llamar la atención del usuario. Un forma vistosa es usar un tooltip, estos son esas pequeñas burbujas que generalmente contienen textos y que definitivamente, son un recurso visual, mucho más elegante que los diálogos tipo alert que se pueden crear con Javascript.

7 Recursos para crear Tooltips

Bubble Tooltip

Si no te gusta depender una biblioteca (librerías) y prefieres hacer más artesanal la implementación, Bubble Tooltip te va a gustar.

  • Web/documentación: web-graphics.com/mtarchive/001717.php
  • Demostración: Bubble Tooltips

jQuery Plugin Tooltip

Es un plugin jQuery, con el que se pueden implementar tooltips.

Contenidorelaciondo

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

18/10/2022

4 Tips de Oracle para iniciarte en el mundo de la programación

12/04/2022

Ventajas, desventajas y consejos al crear tu sitio web

28/02/2022

Samsung e IBM lanzan el reto “Call for Code”para homenajear a los héroes de la vida

09/11/2021
  • Web: bassistance.de/jquery-plugins/jquery-plugin-tooltip
  • Demostración: jQuery Plugin Tooltip

qTip

qTip es otro plugin jQuery para implementar tooltips.

  • Web: craigsworks.com/projects/qtip

SimpleTip

SimpleTip también es otra elegante opción con jQuery.

  • Web/documentación: craigsworks.com/simpletip
  • +Info: SimpleTips – Un interesante plugin jQuery para implmentar tooltips

Prototip2

Similar a los anteriores pero utiliza la biblioteca Protoype.

  • Sitio: www.nickstakenburg.com/projects/prototip2
  • +Info: Prototip 2 – Excelente biblioteca para crear tooltips

UniTip

Si la implementaciones que usan jQuery o Prototype no ten convencen, puesdes probar con UniTip que es una opción muy liviana.

  • Web: labs.unitinteractive.com/unitip.php
  • +Info: UniTip – Otro excelente script para implementar tooltips

Fading Javascript Tooltip

Otro interesante recurso para crear Tooltip en este caso, con puro Javascript.

  • Web: www.leigeber.com/2008/06/javascript-tooltip
  • Demostración: Fading Javascript Tooltips
  • +Info: Fading Javascript Tooltips – Javascript para tooltips con efecto de desvanecimiento

¿Conoces algún otro? ¿Cuál es tu experiencia con este tipo de recursos?

Tags: ajax tooltipscrear tooltipscss tooltipsdesarrollo webhtml tooltipsJavascriptjavascript tooltipsjquery ajax tooltipsjquery html tooljquery ui tooltipstipsjquery image tooltipsjquery tipsjquery tooltipsjquery tooltips pluginpluginPrototypeRecursosscripttooltips
Diego Cambiaso

Diego Cambiaso

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

Contenido Relacionado

Noticias

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

18/10/2022
Recursos

4 Tips de Oracle para iniciarte en el mundo de la programación

12/04/2022
Transformación Digital

Ventajas, desventajas y consejos al crear tu sitio web

28/02/2022
Cargar más

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

  • Contacto
  • Publicidad
  • Sobre Pixelco
  • Política de Privacidad

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Sin resultados
Ver todos los resultados
  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.
 

Cargando comentarios...