Grunticon är en Grunt.js uppgift som kan köras på en mapp som innehåller SVG-bilder. Du kan använda PNG-bilder också, men resultaten kommer inte att vara väldigt "vectorish."
Grunticon fungerar genom att ta alla dessa SVG ikoner och genererar CSS-kod som du kan använda för att på rätt sätt bädda in dem på webbsidor, med inbyggt stöd för lyhörd layouter och Retina enheter.
CSS-koden som genereras av den här appen täcker alla grunderna, kommer i tre olika versioner:
- SVG Dataadresser
- PNG Dataadresser
- Klassiska PNG bilder
Den tredje metoden ingick som en reserv för webbläsare som inte stöder SVG uppgifter, vilket gör att SVG ikoner som vanliga PNG-bilder. Om SVGs inte är tillgängliga i en PNG form, då Grunticon kommer att konvertera dem åt dig automatiskt och placera dem i en särskild mapp.
Genom att redigera några rader i Grunt.js aktivitetsfilen, kan utvecklare också justera egenskaperna hos de avgivna ikoner, från CSS prefix till platsen för en förhandsgranskning HTML-fil.
Tillsammans med CSS, kan en liten JS-fil också skapas, som kan användas för att asynkront ladda SVG-filer, vilket gör att de inte blockerar rendering om flera objekt används på samma sida.
Ikoner som genereras via Grunticon har också förmågan att stylas via CSS, som framförs i olika färgvariationer, och även animerade.
. Installationsanvisningar finns med paketets README fil
Krav :
- Grunt.js 0.4.2 eller senare
Kommentarer hittades inte