Grunticon er en Grunt.js oppgave som kan kjøres på en mappe som inneholder SVG-bilder. Du kan bruke PNG-bilder også, men resultatene vil ikke være veldig "vectorish."
Grunticon fungerer ved å ta alle disse SVG ikoner og genererer CSS-kode som du kan bruke til å ordentlig legge dem på websider, med innebygd støtte for responsive layouts og Retina-enheter.
CSS-koden som genereres av dette programmet dekker alle grunnleggende, som kommer i tre forskjellige versjoner:
- SVG data webadresser
- PNG data webadresser
- Klassisk PNG-bilder
Den tredje metoden ble tatt inn som en reserveløsning for nettlesere som ikke støtter SVG data, gjengi SVG ikoner som vanlige PNG-bilder. Hvis SVGs er ikke tilgjengelig i et PNG form, så Grunticon vil konvertere dem for deg automatisk og plassere dem i en spesiell mappe.
Ved å redigere noen få linjer i Grunt.js oppgaven filen, kan utviklere også justere egenskapene til de utskrevne ikoner, alt fra CSS prefikset til plasseringen av en forhåndsvisning HTML-fil.
Sammen med CSS, kan en liten JS-fil også genereres, som kan brukes til å asynkront laste SVG-filer, noe som gjør at de ikke blokkerer sidegjengivelse hvis flere elementer brukes på samme side.
Ikoner som genereres via Grunticon har også muligheten til å bli stylet via CSS, gjengitt i forskjellige fargevarianter, og selv animert.
. Installeringsinstruksjoner som følger med pakken er README fil
Krav
- Grunt.js 0.4.2 eller nyere
Kommentarer ikke funnet