hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Ajouter des étiquettes d'info-bulles simples avec Taggd

Vous savez comment Facebook vous permet d' étiqueter des visages sur des photos? Eh bien, Taggd est un peu comme l'équivalent CSS / JS en utilisant des points pour noter où les info-bulles devraient apparaître sur une image.

La bibliothèque est entièrement gratuite et ne nécessite aucune dépendance telle que jQuery. Il fonctionne sur JavaScript pur vanilla, et c'est super facile à configurer.

Vous pouvez en apprendre un peu plus sur la page d'accueil Taggd qui comprend une démo et quelques étapes de base pour commencer.

Il y a aussi un lien vers la documentation en ligne en utilisant Doclets, une petite application web pour la documentation JS. Vous pouvez rechercher des versions Taggd ou parcourir la version actuelle dans la branche master.

De là, vous obtiendrez une énorme liste de propriétés que vous pouvez utiliser. Chaque document est divisé par des fonctions qui agissent sur l'image (comme addTag() ou getTag() ) suivi de fonctions qui vous aident à manipuler des balises spécifiques (comme setPosition() ).

Encore une fois, tout fonctionne sur JavaScript JavaScript, donc vous n'avez pas à vous soucier des problèmes de syntaxe.

Pour commencer, consultez le rapport GitHub et suivez les instructions d'installation.

Vous venez d'ajouter les fichiers Taggd CSS et JS dans votre section, puis créez une nouvelle instance des éléments Taggd. Ceux-ci peuvent être définis un par un ou dans un tableau .

Puis les ajouter à une image, et hop! Vous êtes prêt à partir.

J'aimerais voir des fonctionnalités supplémentaires pour personnaliser les étiquettes d'étiquettes, et changer leur forme. Ce serait génial de créer une étiquette carrée pour entourer un objet plutôt qu'un petit point rose. Mais pour une bibliothèque gratuite avec zéro dépendances, je ne peux pas me plaindre beaucoup.

Jusqu'à présent, cette bibliothèque est uniquement conçue pour les navigateurs modernes et ne prend pas en charge la dégradation progressive. Cependant, vous pouvez toujours ouvrir un problème sur la page de repo ou essayer de résoudre d'autres problèmes si vous en voyez des simples. Néanmoins, Taggd est encore un diable d'un plugin, et il est pratique à utiliser pour n'importe quel projet.

Consultez la page d'accueil de l'auteur pour l' exemple de code et les liens DL avec un lien vers la page de documentation .

Et si vous avez des questions ou des suggestions n'hésitez pas à envoyer un message au créateur Tim Severien sur Twitter @TimSeverien.

20 accessoires impressionnants pour votre nouveau MacBook

20 accessoires impressionnants pour votre nouveau MacBook

Nous sommes à moins de deux mois de Noël et de la saison des achats et pour lancer nos listes de souhaits d'achats annuels, voici quelques accessoires Macbook que vous pouvez vous procurer ou pour les fans d'Apple dans votre famille.Dans cette collection, je vais partager avec vous 20 accessoires Macbook qui peuvent aider à garder votre Macbook sûr, élégant et mieux organisé. Vous

(Conseils techniques et de conception)

Contrôle VR: Transformez vos mains en un contrôleur de réalité virtuelle

Contrôle VR: Transformez vos mains en un contrôleur de réalité virtuelle

La réalité virtuelle devient peu à peu plus courante avec la technologie telle que l'Oculus Rift attirant l'attention des fans et des grands noms partout dans le monde. Ces technologies nous permettent de nous immerger dans un monde virtuel . Avec tout ce progrès, il est temps que nous progressions d'utiliser des contrôleurs, non?Cont

(Conseils techniques et de conception)