17: Build Tool - IcoMoon - Trik CSS

Anonim

Istilah "alat binaan" mungkin menakutkan. Ini mengingatkan alat baris perintah mewah yang memerlukan konfigurasi dan kebergantungan sistem yang pelik apabila anda melihatnya salah. Kadang-kadang alat binaan seperti itu, dan kita akan pergi ke sana dalam siri ini. Tetapi sebenarnya alat bina hanyalah sesuatu untuk membantu mempermudah proses anda. Automasikan sesuatu yang sebelumnya anda lakukan dengan tangan.

IcoMoon, dari segi itu, adalah alat binaan. Ini adalah alat yang popular untuk membina fon ikon tersuai. Ia indah untuk itu. Saya menyokong mana-mana alat yang mendorong para pemakai depan untuk membuat aset yang disesuaikan dan diperkemas untuk apa yang mereka perlukan dan bukannya termasuk sink dapur (setiap ikon di bumi) dan hanya menggunakan sedikitnya. IcoMoon bukan hanya untuk fon ikon @ font-face, tetapi dapat menghasilkan blok defisit SVG, yang disebutnya sprite SVG (juga istilah yang dapat diterima).

Pada dasarnya anda mengklik ikon yang anda mahukan dan kemudian mengeksportnya dan anda mendapat blok defisit SVG yang sempurna untuk digunakan. Perhatikan bahawa mereka belum menggunakannya , dan saya tidak pasti mengapa, tetapi itu bermakna anda perlu memasukkan viewBoxdan mengakses barang sendiri semasa anda melaksanakannya. Daftar untuk akaun di sana, dan anda boleh menyimpan projek itu, yang bermaksud anda boleh kembali dan membuang / menambah barang mengikut keperluan dan bukannya bermula dari awal. Itu benar-benar menjadikannya alat binaan.

Penting untuk mengetahui mengenai IcoMoon: anda boleh menambah SVG anda sendiri. Anda tidak terhad kepada apa yang anda lihat di aplikasi lalai. Anda boleh mendapatkan SVG dari tempat lain dan hanya menambahkannya di sana dan ia akan menjimatkan dengan projek anda. Anda boleh menggunakan IcoMoon sebagai alat binaan dengan hanya SVG tersuai anda sendiri dan ia tetap berguna.