17: „Build Tool“ - „IcoMoon“ CSS-gudrybės

Anonim

Terminas „kūrimo įrankis“ gali būti baisus. Tai primena išgalvotus komandinės eilutės įrankius, kuriems reikalinga konfigūracija, ir keistas sistemos priklausomybes, kurios nutrūksta, kai į jas žiūri neteisingai. Kartais kūrimo įrankiai yra tokie, ir mes eisime ten šioje serijoje. Tačiau iš tikrųjų kūrimo įrankis yra tik kažkas, kas padės palengvinti jūsų procesą. Automatizuokite tai, ką anksčiau darėte rankomis.

„IcoMoon“ ta prasme yra kūrimo įrankis. Tai buvo (yra) populiarus įrankis kuriant pasirinktinius piktogramų šriftus. Tai nuostabu. Aš palaikau bet kurį įrankį, kuris skatina išorinius įrenginius kurti pritaikytą, supaprastintą turtą tik tam, ko jiems reikia, o ne įtraukti virtuvės kriauklę (kiekvieną žemės piktogramą) ir tiesiog naudoti jos dalis. „IcoMoon“ skirtas ne tik „@ font-face“ piktogramų šriftams, bet ir gali išleisti SVG defektų blokus, kuriuos jis vadina SVG sprite (taip pat visiškai priimtinu terminu).

Iš esmės spustelėjate norimas piktogramas, tada eksportuojate ir gausite puikų SVG defektų bloką, kurį naudosite. Atminkite, kad jie dar nenaudoja ir aš nesu tikras, kodėl, bet tai reiškia, kad jums reikės viewBoxatskirai įtraukti ir pritaikyti prieinamumo dalykus, kai juos įgyvendinsite. Prisiregistruokite ten, kad galėtumėte išsaugoti projektą, o tai reiškia, kad galite grįžti ir pašalinti / pridėti medžiagą, jei reikia, o ne pradėti nuo nulio. Tai tikrai daro ją kūrimo įrankiu.

Svarbu žinoti apie „IcoMoon“: galite pridėti savo SVG. Jūs neapsiribosite tuo, ką matote numatytojoje programoje. Galite gauti SVG iš kitur ir tiesiog pridėti jį ten, ir jis bus išsaugotas kartu su jūsų projektu. Galite naudoti „IcoMoon“ kaip kūrimo įrankį tik su savo pasirinktu SVG, ir tai vis tiek būtų naudinga.