Grunticon on Grunt.js tehtävä, joka voidaan ajaa kansio sisältää SVG-kuvat. Voit käyttää PNG kuvia sekä, mutta tulokset eivät ole kovin "vectorish."
Grunticon toimii ottamalla kaikki nämä SVG kuvakkeet ja luo CSS että voit kunnolla upottaa Web-sivuilla, jossa on sisäänrakennettu tuki reagoiva ulkoasuja ja Retina laitteita.
CSS syntyy tämän app kattaa kaikki perusasiat, tulossa kolme eri versiota:
- SVG tiedot URL
- PNG tiedot URL
- Classic PNG-kuvien
Kolmas menetelmä sisällytettiin varmistuksena selaimille jotka eivät tue SVG tietoja, tekee SVG kuvakkeet tavallisina PNG-kuvia. Jos SVGs ei ole saatavilla PNG muodossa, niin Grunticon muuntaa ne sinulle automaattisesti ja sijoittaa ne erityiseen kansioon.
Muokkaamalla muutama rivi Grunt.js tehtävä tiedosto, kehittäjät voivat myös säätää ominaisuuksia tulostetaan kuvakkeet, jotka vaihtelevat CSS etuliite sijainnin esikatselu HTML-tiedoston.
Yhdessä CSS, pieni JS tiedosto voidaan myös tuottaa, joita voidaan käyttää asynkronisesti ladata SVG-tiedostoja, varmista ne eivät estä sivun tuottaminen jos useita kohteita käytetään samalla sivulla.
Kuvakkeet luotu kautta Grunticon on myös kyky olla tyylistä kautta CSS, suoritetuista eri värivaihtoehtoa, ja jopa animoituja.
Asennusohjeet annetaan paketin README-tiedosto.
vaatimukset :
- Grunt.js 0.4.2 tai uudempi
Kommentteja ei löytynyt