De ce fait, quelle soit la taille de votre odomètre, l'affichage sera toujours parfaitement claire.

Pour ceux qui liront le code de cette bibliothèque, son auteur, Micha? Skowronek, avoue s'être fortement insipiré de d3.JS.

Enfin, comme elle est distribuée sans licence, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.

Disponible comme un ensemble Node.js ou au format Gem pour Ruby (pour Rails).

Il suffit d'utiliser les noms d'icônes avec vos modèles et vos styles - et tout le reste sera fait automagiquement.

Chaque icône sa classe .icon et son modificateur y compris le nom de l'icône, par exemple, l'icône de facebook a le .icon - modificateur ei-facebook.

Vos contributions sont les bienvenues!

SVGeneration, un site Web, offre de beaux modèles créés avec SVG qui peuvent être utilisées librement dans vos projets.

Il y a beaucoup de graphiques proposés et il est possible de proposer et partager sa composition personnelle.

Chaque graphique peut être personnalisé à l'aide d'un éditeur en ligne (couleurs, tailles ..) et les fichiers SVG et CSS sont générés automatiquement et librement téléchargeable.

Countries est un ensemble de données concernant les pays du monde entier.

Ces données sont disponibles en plusieurs format (JSON, CSV, XML).

Et pour chaque pays, un grand nombre de catégories sont renseignées (nom, tld, monnaie, listes des langues officielles, drapeaux au format SVG ... etc)

 

Il suffit de créer une instance Walkway avec ses options fournies.

Si vous voulez commencer à animer faite s un appel a ".draw" de l'instance créée qui en retour fournira un rappel qui sera appelée lorsque l'animation est terminée.

Actuellement, Walkway.js ne fonctionne que sur des éléments de trajectoires et de lignes.

 

Elle dispose déjà de plusieurs façons d'animer différentes mais il vous est également possible de creér vous-même un script personnaliser pour controler l'affichage comme vous l'entendez.

Elle utilise principalement le propriété CSS strokeDashoffset.

Enfin, comme elle est open source, vous pouvez l'utilier dans vos projets personnels comme professionnels.

La galerie possède une liste de modèles de plus en plus importantes et de nouvelles créations peuvent être soumises par tout le monde (une fois qu'ils répondent à un ensemble d'exigences).

Par rapport aux images standard SVG, balances parfaitement, et il fonctionne également sur IE9 (Alors que les gradients en CSS3 ne sont pas gérés par IE9).

Elle ne prend presque pas de place, et n'a aucune dépendance.

Elle propose une variété de différentes animation et vous pouvez même créer un script personnalisé pour afficher votre fichier SVG comme vous le souhaitez.

Enfin, comme elle est sous licence MIT, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout de participer à son développement.

 

Actuellement 150 icônes sont disponibles, et d'autres sont en cours de création.

Chaque îcones de cette collection est proposée au format PSD, AI et SVG.

Elle comprend également une police de caractère au format Web Open Font Format (woff) qu'il est possible d'inclure tel que pour une utilisation dans vos prochains projet de site web.