Grunticon est une tâche Grunt.js qui peut être exécuté sur un dossier contenant des images SVG. Vous pouvez utiliser des images PNG ainsi, mais les résultats ne seront pas très "vectorish."
Grunticon fonctionne en prenant toutes ces icônes SVG et génère du code CSS que vous pouvez utiliser pour bien les intégrer sur les pages Web, avec un support intégré pour les mises en réactifs et dispositifs rétine.
Le code CSS généré par cette application couvre toutes les bases, venant en trois versions différentes:
- Données SVG URL
- Données PNG URL
- Images PNG classiques
La troisième méthode a été inclus en tant que solution de repli pour les navigateurs ne supportant pas les données SVG, ce qui rend les icônes SVG comme des images PNG réguliers. Si les fichiers SVG ne sont pas disponibles sous forme de PNG, puis Grunticon va les convertir automatiquement pour vous et placez-les dans un dossier spécial.
En modifiant quelques lignes dans le fichier de la tâche Grunt.js, les développeurs peuvent également ajuster les caractéristiques des icônes délivrées, allant du préfixe de CSS à l'emplacement d'un fichier aperçu HTML.
Avec le CSS, un petit fichier de JS peut également être généré, qui peut être utilisé pour charger de manière asynchrone les fichiers SVG, faire en sorte qu'ils ne bloquent pas le rendu de page si plusieurs éléments sont utilisés sur la même page.
Icônes générés via Grunticon ont également la possibilité de porter le titre via CSS, rendu dans différentes variations de couleur, et même animé.
. Les instructions d'installation sont fournies avec le fichier README du paquet
Exigences :
- Grunt.js 0.4.2 ou ultérieure
Commentaires non trouvées