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.

30 photos foudroyantes

30 photos foudroyantes

Vous savez comment ils disent que la foudre ne frappe jamais deux fois au même endroit? Eh bien, "ils" ont menti. La foudre peut frapper le même endroit ou la même région plusieurs fois - en fait, il y a un endroit au Venezuela, appelé le phare de Catatumbo, où la foudre frappe 1, 2 million de fois par an - comment pouvez-vous trouver d'autres photos incroyables?Et le

(Conseils techniques et de conception)

10 façons de mieux gérer votre flux Facebook

10 façons de mieux gérer votre flux Facebook

Facebook est plein de tout ce que vous voulez qu'il soit complet. Si vous n'aimez pas voir les photos des 3 repas par jour de votre ami, vous pouvez le cacher. Si vous voulez des vidéos amusantes, vous pouvez suivre cette page en particulier. Sauvez les matériaux qui importent, et écartez ceux qui ne le font pas . V

(Conseils techniques et de conception)