Grunticon je Grunt.js úkol, který lze spustit na složku obsahující SVG obrázků. Můžete použít PNG obrázky stejně, ale výsledky nebudou moc "vectorish."
Grunticon pracuje tím, že všechny tyto SVG ikony a generuje CSS kód, který můžete použít správně vložit je na webových stránkách, s vestavěnou podporu pro citlivé rozvržení a sítnice zařízení.
Kód CSS generovaný tuto aplikaci se vztahuje na všechny základy, přichází ve třech různých verzích:
- SVG datové URL
- PNG datové URL
- Classic PNG
Třetí metoda byla zahrnuta jako záchrana pro prohlížeče nepodporuje SVG dat, vykreslování SVG ikony jako pravidelné PNG. Pokud SVGs nejsou k dispozici ve formě PNG, pak Grunticon automaticky převede je pro vás a umístit je do speciální složky.
Úpravou několik řádků v souboru Grunt.js úlohy, vývojáři mohou také nastavit charakteristiky odesílaných ikon, od CSS předpony k umístění souboru náhled HTML.
Spolu s CSS, malý JS soubor může také být generovány, který může být použit k asynchronně načtení SVG soubory, ujistěte se, že neblokují vykreslování stránky v případě více položky jsou použity na stejné stránce.
Ikony vytvořené pomocí Grunticon mají také schopnost být stylizovaný pomocí CSS, vyneseno v různých barevných variantách, a dokonce i animované.
. Pokyny pro instalaci jsou poskytovány s balíčkem v README souboru
Požadavky na
- Grunt.js 0.4.2 nebo novější
Komentáře nebyl nalezen