Grunticon este o sarcină Grunt.js care poate fi rulat pe un dosar care conține imagini SVG. Puteți folosi imagini PNG, precum și, dar rezultatele nu vor fi foarte "vectorish."
Grunticon functioneaza prin luarea tuturor aceste icoane SVG și generează cod CSS pe care le puteți folosi pentru a le încorpora în mod corespunzător pe pagini Web, cu built-in de sprijin pentru machete receptiv și dispozitive Retina.
Codul CSS generat de această aplicație acoperă toate elementele de bază, care vine în trei versiuni diferite:
- URL-uri de date SVG
- URL-uri de date PNG
- Imagini clasice PNG
A treia metoda a fost inclus ca o rezervă pentru browsere nu sprijinirea date SVG, făcând icoanele SVG ca imagini PNG regulate. În cazul în care nu sunt disponibile SVGs într-o formă PNG, atunci Grunticon le va converti automat pentru dvs. și puneți-le într-un folder special.
Prin editarea câteva rânduri în fișierul de activitate Grunt.js, dezvoltatorii pot regla, de asemenea, caracteristicile icoane scoase, de la prefixul CSS la locația unui fișier de previzualizare HTML.
Împreună cu CSS, un fișier JS mic poate fi, de asemenea, generate, care poate fi folosit pentru a încărca fișierele SVG asincron, asigurându-vă că nu blocați redare pagină dacă mai multe articole sunt utilizate pe aceeași pagină.
Icoane generate prin Grunticon au, de asemenea, capacitatea de a fi în stil prin CSS, pronunțată în diferite variante de culoare, și chiar animat.
. Instrucțiunile de instalare sunt prevăzute cu fișierul Readme pachetului
Cerințe :
- Grunt.js 0.4.2 sau mai mare
Comentariile nu a fost găsit