Grunticon egy Grunt.js feladata, hogy lehet futtatni egy mappát tartalmazó SVG-képek. Használhatja PNG képeket is, de az eredmény nem lesz nagyon "vectorish."
Grunticon működik azáltal, hogy mindezen SVG ikonok és generál CSS kód segítségével rendesen beágyazni őket a weblapokon, beépített támogatása reagáló elrendezésű, Retina eszközök.
A CSS által generált kód ez app lefedi az alapokat, jön a három különböző változatban:
- SVG adatok URL-ek
- PNG adatok URL-ek
- Klasszikus PNG képek
A harmadik módszer is helyet kapott egy tartalék böngészők nem támogatják az SVG adatokat, teszi az SVG ikonok, mint a rendszeres PNG képeket. Ha a SVGs nem állnak rendelkezésre PNG formában, majd Grunticon konvertálja őket automatikusan, és helyezd el őket egy külön mappába.
Szerkesztésével egy pár sort a Grunt.js feladat fájl, a fejlesztők is beállíthatja a jellemzői a outputted ikonok, kezdve a CSS előtagot a helyét a megtekintett HTML fájlt.
Együtt a CSS, egy kis JS fájl is keletkezik, amelyet fel lehet használni, hogy aszinkron módon betölteni a SVG-fájlok, ügyelve arra, hogy ne takarja oldalleképezés ha több tételt használnak ugyanazon az oldalon.
Ikonok keresztül generált Grunticon is képesek stílusozható CSS, renderelt különböző színváltozatban, és még animált.
Telepítési utasítások vannak ellátva a csomag README fájlt.
követelmények :
- Grunt.js 0.4.2 vagy magasabb
Hozzászólás nem található