17: Oluşturma Aracı - IcoMoon - CSS Hileleri

Anonim

"Oluşturma aracı" terimi korkutucu olabilir. Yapılandırma gerektiren şık komut satırı araçlarını ve yanlış baktığınızda kırılan garip sistem bağımlılıklarını akla getiriyor. Bazen inşa araçları böyledir ve bu seride oraya gideceğiz. Ancak gerçekten bir inşa aracı, sürecinizi kolaylaştırmaya yardımcı olacak bir şeydir. Daha önce elle yaptığınız bir şeyi otomatikleştirin.

IcoMoon, bu anlamda bir inşa aracıdır. Özel simge yazı tipleri oluşturmak için popüler bir araçtı. Bunun için harika. Ön uç geliştiricileri, mutfak lavabosunu (yeryüzündeki her simge) dahil etmek ve sadece parçalarını kullanmak yerine yalnızca ihtiyaç duydukları şey için özelleştirilmiş, modern varlıklar oluşturmaya teşvik eden herhangi bir aracı destekliyorum. IcoMoon sadece @ font-face simge fontları için değil, bir SVG sprite (aynı zamanda tamamen kabul edilebilir bir terim) olarak adlandırdığı SVG defs bloklarının çıktısını alabilir.

Temel olarak, istediğiniz simgelere tıklarsınız ve ardından bunları dışa aktarırsınız ve kullanmak için mükemmel bir SVG defs bloğu elde edersiniz. Henüz kullanmadıklarını unutmayın ve neden emin değilim, ancak bu, viewBoxbunları uygularken kendi başınıza erişilebilirlik öğeleri eklemeniz gerektiği anlamına gelir . Orada bir hesap için kaydolun ve projeyi kaydedebilirsiniz; bu, sıfırdan başlamak yerine geri dönüp istediğiniz şeyleri kaldırabileceğiniz / ekleyebileceğiniz anlamına gelir. Bu onu gerçekten bir inşa aracı yapar.

IcoMoon hakkında bilinmesi gerekenler: kendi SVG'nizi ekleyebilirsiniz. Varsayılan uygulamada gördüklerinizle sınırlı değilsiniz. SVG'yi başka bir yerden alabilir ve oraya ekleyebilir ve projenizle birlikte kaydedebilirsiniz. IcoMoon'u yalnızca kendi özel SVG'nizle bir oluşturma aracı olarak kullanabilirsiniz ve yine de yararlı olacaktır.