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.

Foundation 6 - 10 nouvelles fonctionnalités étonnantes

Foundation 6 - 10 nouvelles fonctionnalités étonnantes

Les développeurs du framework front-end Foundation ne se sont pas contentés de se reposer sur leurs lauriers alors que l'équipe Bootstrap travaillait sur leur nouvelle version majeure impressionnante. L'an dernier, ils ont participé à un impressionnant World Tour pour partager leurs connaissances avec leurs utilisateurs et leur demander comment ils utilisaient Foundation dans leur travail réel.Après

(Conseils techniques et de conception)

L'utilisation d'Internet mobile et tablette (dans le monde entier) bat le bureau pour la première fois

L'utilisation d'Internet mobile et tablette (dans le monde entier) bat le bureau pour la première fois

C'est officiel. Nous utilisons maintenant Internet plus sur nos mobiles et tablettes que sur notre bureau . StatCounter, société d'analyse Web indépendante, publie ses résultats concernant l'utilisation d'Internet dans le monde entier. En octobre 2016, les appareils mobiles et tablettes représentaient 51, 3% de l'utilisation d'Internet dans le monde et 48, 7% sur les ordinateurs de bureau. Voi

(Conseils techniques et de conception)