Grunticon è un compito Grunt.js che può essere eseguito su una cartella contenente immagini SVG. È possibile utilizzare le immagini PNG pure, ma i risultati non saranno molto "vectorish."
Grunticon funziona prendendo tutte queste icone SVG e genera codice CSS che è possibile utilizzare per loro incorporare correttamente su pagine Web, con il supporto integrato per i layout reattivi e dispositivi Retina.
Il codice CSS generato da questa applicazione copre tutte le basi, arrivando in tre differenti versioni:
- URL dati SVG
- URL dati PNG
- Immagini PNG classiche
Il terzo metodo è stato incluso come ripiego per browser che non supportano i dati SVG, rendendo le icone SVG come immagini PNG regolari. Se le SVG non sono disponibili in una forma PNG, poi Grunticon li converte automaticamente per voi e metterli in una cartella speciale.
Modificando poche righe nel file compito Grunt.js, gli sviluppatori possono anche regolare le caratteristiche delle icone outputted, che vanno dal prefisso CSS per la posizione di un file di anteprima HTML.
Insieme con il CSS, un piccolo file JS può anche essere generato, che può essere utilizzato per caricare in modo asincrono i file SVG, facendo attenzione che non bloccano l'impaginazione se si utilizzano più voci sulla stessa pagina.
Icone generati tramite Grunticon hanno anche la capacità di essere in stile tramite CSS, reso in diverse varianti di colore, e anche animato.
. Le istruzioni di installazione vengono fornite con il file README del pacchetto
Requisiti :
- Grunt.js 0.4.2 o superiore
I commenti non trovato