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.

Cómo ejecutar varias instancias de Google Drive en Windows gratis

Cómo ejecutar varias instancias de Google Drive en Windows gratis

Muchas personas tienen varias cuentas de Google Drive, por ejemplo, para el trabajo y el uso personal, pero Google no permite ejecutar dos instancias de la aplicación Google Backup and Sync en una sola PC. Por lo tanto, los usuarios han estado pagando por aplicaciones de terceros solo para sincronizar varias cuentas de Google Drive simultáneamente.S

(Consejos de tecnología y diseño)

14 mejores carteras de Bitcoin para almacenamiento seguro de Bitcoin

14 mejores carteras de Bitcoin para almacenamiento seguro de Bitcoin

Aquí hay algo que todo propietario de bitcoins debe saber: la seguridad de sus bitcoins es en última instancia su responsabilidad.La combinación del conocimiento de seguridad digital y el almacenamiento seguro de bitcoin es importante si no desea que se pirateen sus cuentas y bitcoins. Recuerde: las transacciones de bitcoins no son reversibles . P

(Consejos de tecnología y diseño)