Grunticon ist ein Grunt.js Aufgabe, auf einem Ordner mit SVG-Bildern ausgeführt werden können. Sie können PNG-Bilder als auch zu verwenden, aber die Ergebnisse werden nicht sehr sein "vectorish."
Grunticon funktioniert, indem sie all diese SVG-Icons und CSS-Code erzeugt, die Sie verwenden können, um sie auf Web-Seiten korrekt einbetten, mit eingebauter Unterstützung für ansprechende Layouts und Retina-Geräte.
Das durch diese app erzeugt CSS-Code umfasst alle Grundlagen, kommen in drei verschiedenen Versionen:
- SVG Daten URLs
- PNG Daten URLs
- Klassische PNG-Bilder
Die dritte Methode wurde als Fallback für Browser nicht unterstützt SVG-Daten, wodurch die SVG-Icons als reguläre PNG-Bilder enthalten. Wenn die SVGs sind in einer PNG-Formular nicht vorhanden, dann Grunticon sie für Sie automatisch zu konvertieren und legen Sie sie in einem speziellen Ordner.
Bearbeite ein paar Zeilen in der Grunt.js Aufgabendatei können Entwickler auch die Eigenschaften der ausgegebenen Symbole anpassen, die von der CSS-Präfix, um den Ort einer Vorschau HTML-Datei.
Zusammen mit der CSS, kann ein kleines JS-Datei generiert werden, die verwendet werden können, um asynchron der SVG Dateien zu laden, so dass sie nicht blockieren Seitendarstellungen, wenn Sie mehrere Artikel auf der gleichen Seite eingesetzt.
Icons über Grunticon generiert haben auch die Möglichkeit, per CSS formatiert werden, in verschiedenen Farbvariationen gemacht und sogar animiert.
. Montagehinweise werden Readme-Datei des Pakets zur Verfügung gestellt
Anforderungen :
- Grunt.js 0.4.2 oder höher
Kommentare nicht gefunden