17: Koontityökalu - IcoMoon - CSS-temppuja

Anonim

Termi "rakennustyökalu" saattaa olla pelottava. Se tuo mieleen hienot komentorivityökalut, jotka edellyttävät kokoonpanoa ja outoja järjestelmäriippuvuuksia, jotka hajoavat, kun katsot niitä väärin. Joskus rakennustyökalut ovat sellaisia, ja menemme sinne tässä sarjassa. Mutta oikeastaan ​​rakennustyökalu on vain jotain, joka helpottaa prosessiasi. Automatisoi jotain, jota teit aiemmin käsin.

IcoMoon on siinä mielessä rakennustyökalu. Se oli (on) suosittu työkalu mukautettujen kuvakkeiden fonttien luomiseen. Se on ihanaa. Kannatan kaikkia työkaluja, jotka kannustavat käyttöliittymiä kehittämään räätälöityjä, virtaviivaistettuja resursseja juuri tarvitsemilleen sen sijaan, että sisältäisivät keittiön pesuallas (kaikki maan päällä olevat kuvakkeet) ja vain käyttäisivät sitä. IcoMoon ei kuitenkaan ole vain @ font-face -kuvakkeiden fontteja varten, se voi tuottaa SVG-def-lohkoja, joita se kutsuu SVG-spriteiksi (myös täysin hyväksyttävä termi).

Pohjimmiltaan napsautat haluamiasi kuvakkeita ja viet sitten sen ja saat täydellisen SVG-defs-lohkon käytettäväksi. Huomaa, että he eivät vielä käytä , enkä ole varma miksi, mutta se tarkoittaa, että sinun on sisällytettävä viewBoxja helppokäyttötoimintoja itse, kun otat ne käyttöön. Rekisteröi tili siellä ja voit tallentaa projektin, mikä tarkoittaa, että voit palata takaisin ja poistaa / lisätä tavaraa tarpeen mukaan eikä aloittaa tyhjästä. Se tekee siitä todella rakennustyökalun.

Tärkeää tietää IcoMoonista: voit lisätä oman SVG: n. Et ole rajoitettu siihen, mitä näet oletussovelluksessa. Voit saada SVG: n muualta ja vain lisätä sen sinne, ja se säästää projektisi kanssa. Voit käyttää IcoMoonia rakennustyökaluna, jolla on vain oma mukautettu SVG, ja se olisi silti hyödyllinen.