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.

Utilisez cette liste de vérification pour chaque nouveau site que vous construisez

Utilisez cette liste de vérification pour chaque nouveau site que vous construisez

Concevoir et coder un site Web demande beaucoup d'efforts. Cependant, obtenir le site en ligne et entièrement optimisé est une autre corvée.Avec cette liste de contrôle de lancement Web, vous pouvez creuser dans tous les points importants d'un nouveau site Web pour vous assurer que vous couvrez tout. Ce

(Conseils techniques et de conception)

50 jeux d'icônes de temps libre à télécharger

50 jeux d'icônes de temps libre à télécharger

Les icônes météo peuvent être très utiles pour les sites de prévisions météorologiques, pour faire des articles sur la météo, pour présenter les conditions météorologiques sur les nouvelles et la télévision, et pour créer des applications et des widgets pour la météo. Si vous cherchez des ensembles d'icônes créatifs et gratuits pour symboliser divers scénarios météorologiques, alors ne cherchez plus.Dans cette vitrine, vo

(Conseils techniques et de conception)