Grunticon is 'n taak wat Grunt.js kan loop op 'n gids wat SVG beelde. Jy kan asook gebruik PNG beelde, maar die resultate sal baie wees nie "vectorish."
Grunticon werk deur die neem van al hierdie SVG ikone en genereer CSS-kode wat jy kan gebruik om behoorlik te sluit hulle op die web bladsye, met ingeboude ondersteuning vir reageer uitleg en Retina toestelle.
Die CSS-kode gegenereer word deur hierdie inligting dek al die basiese beginsels, kom in drie verskillende weergawes:
- SVG data URLs
- PNG data URLs
- Klassieke PNG beelde
Die derde metode is ingesluit as 'n nood vir webblaaiers nie SVG data ondersteun, die lewering van die SVG ikone as gereelde PNG beelde. As die SVGs nie beskikbaar is nie in 'n PNG vorm, dan Grunticon sal hulle outomaties omskep vir jou en plaas dit in 'n spesiale gids.
Deur die wysiging van 'n paar lyne in die Grunt.js taak lêer, kan die ontwikkelaars ook die eienskappe van die outputted ikone pas, wat wissel van die CSS voorvoegsel om die ligging van 'n voorskou HTML lêer.
Saam met die CSS, kan 'n klein JS lêer gegenereer word, wat gebruik kan word om asynchroon laai die SVG lêers, maak seker dat hulle nie bladsy lewering te sluit as verskeie items word op dieselfde bladsy.
Ikone gegenereer via Grunticon het ook die vermoë om te styl via CSS, gelewer in 'n ander kleur variasies, en selfs geanimeerde.
. Installasie instruksies voorsien README lêer die pakket se
Vereistes :
- Grunt.js 0.4.2 of hoër
Kommentaar nie gevind