es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Agregar etiquetas de información sobre herramientas de imagen simple con Taggd

¿Sabes cómo Facebook te permite etiquetar rostros en fotos? Bueno, Taggd es como el equivalente de CSS / JS usando puntos para anotar dónde deberían aparecer los tooltips en una imagen.

La biblioteca es completamente gratuita y no requiere dependencias como jQuery. Se ejecuta en JavaScript puro y es muy fácil de configurar.

Puede obtener más información en la página de inicio de Taggd, que incluye una demostración y algunos pasos básicos para comenzar.

También hay un enlace a la documentación en línea usando Doclets, una pequeña aplicación web hecha para la documentación de JS. Puede buscar versiones Taggd o explorar la versión actual en la rama principal.

A partir de ahí, obtendrá una gran lista de propiedades que puede usar. Cada documento está dividido por funciones que operan en la imagen (como addTag() o getTag() ) seguido de funciones que lo ayudan a manipular etiquetas específicas (como setPosition() ).

Una vez más, todo se ejecuta en JavaScript simple para que no tenga que preocuparse por los problemas de sintaxis.

Para comenzar, consulte el repositorio de GitHub y siga las instrucciones de configuración.

Simplemente agregue los archivos Taggd CSS y JS en su sección, y luego crea una nueva instancia de los elementos Taggd. Estos se pueden definir uno a uno o en una matriz .

Luego, agréguelos a una imagen, ¡y listo! Estás todo listo para ir.

Me encantaría ver características adicionales para personalizar las etiquetas de las etiquetas y cambiar su forma. Sería increíble crear una etiqueta cuadrada para rodear un objeto en lugar de un pequeño punto rosa. Pero para una biblioteca gratuita con cero dependencias, no me puedo quejar mucho.

Hasta ahora, esta biblioteca está hecha solo para navegadores modernos y no admite la degradación elegante. Sin embargo, siempre puede abrir un problema en la página repo o tratar de resolver otros problemas si encuentra alguno simple. Sin embargo, Taggd sigue siendo un gran complemento, y es práctico de usar para cualquier proyecto.

Consulte la página de inicio del autor para obtener un código de muestra y enlaces DL junto con un enlace a la página de documentación .

Y si tiene alguna pregunta o sugerencia, no dude en enviar un mensaje al creador Tim Severien en su Twitter @TimSeverien.

10 tipos más comunes de desarrolladores web

10 tipos más comunes de desarrolladores web

¿Cuántos desarrolladores conoces en tu vida? Si trabajas con un grupo de ellos, es posible que notes que tienen caprichos o personalidades particulares que puedes agrupar, y eso es lo que haré con esta publicación.Los desarrolladores tienen sus preferencias individuales y estilo de trabajo que son muy diferentes, incluso si hacen los mismos trabajos. Va

(Consejos de tecnología y diseño)

Ventajas de la pluma y el papel antes de diseñar en la computadora

Ventajas de la pluma y el papel antes de diseñar en la computadora

Cuéntame, ¿cuándo fue la última vez que escribiste usando lápiz y papel? No es sorprendente saber que rara vez los usa, ya que estamos entrando en la era digital cuando las tecnologías como la computadora portátil y la tableta florecen en todo el mundo. Sin embargo, el hecho crucial aquí es que usar lápiz y papel es definitivamente más eficiente que usar una computadora cuando se trata de dibujar, escribir, diseñar, cualquier actividad que involucre una lluvia de ideas .Es seguro

(Consejos de tecnología y diseño)