Grunticon adalah tugas Grunt.js yang dapat dijalankan pada folder yang berisi gambar SVG. Anda dapat menggunakan gambar PNG juga, tetapi hasilnya tidak akan sangat "vectorish."
Grunticon bekerja dengan mengambil semua ikon SVG ini dan menghasilkan kode CSS yang dapat Anda gunakan untuk benar menanamkan mereka di halaman Web, dengan built-in mendukung untuk layout responsif dan perangkat Retina.
Kode CSS yang dihasilkan oleh aplikasi ini meliputi semua dasar-dasar, datang dalam tiga versi yang berbeda:
- URL Data SVG
- URL Data PNG
- Gambar PNG klasik
Metode ketiga dimasukkan sebagai fallback untuk browser tidak mendukung data yang SVG, rendering ikon SVG sebagai gambar PNG biasa. Jika SVGs tidak tersedia dalam bentuk PNG, maka Grunticon akan mengkonversikannya untuk Anda secara otomatis dan menempatkan mereka dalam folder khusus.
Dengan mengedit beberapa baris dalam file Grunt.js tugas, pengembang juga dapat menyesuaikan karakteristik ikon dikeluarkan, mulai dari awalan CSS ke lokasi file pratinjau HTML.
Seiring dengan CSS, file JS kecil juga dapat dihasilkan, yang dapat digunakan untuk asynchronous memuat file SVG, memastikan mereka tidak memblokir rendering halaman jika beberapa item yang digunakan pada halaman yang sama.
Ikon yang dihasilkan melalui Grunticon juga memiliki kemampuan untuk ditata melalui CSS, diberikan dalam variasi warna yang berbeda, dan bahkan animasi.
. Petunjuk instalasi disediakan dengan berkas README paket ini
Persyaratan :
- Grunt.js 0.4.2 atau lebih tinggi
Komentar tidak ditemukan