17: Veidošanas rīks - IcoMoon - CSS-triki

Anonim

Termins “būvēšanas rīks” varētu būt biedējošs. Tas iegaumē iedomātus komandrindas rīkus, kuriem nepieciešama konfigurācija un dīvainas sistēmas atkarības, kas saplīst, ja paskatās uz tiem nepareizi. Dažreiz būvniecības rīki ir tādi, un mēs turpināsim iet šajā sērijā. Bet patiesībā būvēšanas rīks ir tikai kaut kas, kas atvieglo jūsu procesu. Automatizējiet kaut ko tādu, ko iepriekš darījāt ar rokām.

Šajā ziņā IcoMoon ir veidošanas rīks. Tas bija (ir) populārs rīks pielāgotu ikonu fontu veidošanai. Tas ir brīnišķīgi par to. Es atbalstu jebkuru rīku, kas mudina priekšgala izstrādātājus izveidot pielāgotus, racionalizētus līdzekļus tieši tiem, kas viņiem nepieciešami, nevis iekļaut virtuves izlietni (katru ikonu uz zemes) un vienkārši izmantot tā gabalus. Tomēr IcoMoon nav paredzēts tikai @ font-face ikonu fontiem, tas var izvadīt SVG defu blokus, kurus tas sauc par SVG sprite (arī pilnīgi pieņemams termins).

Būtībā jūs noklikšķināt uz vajadzīgajām ikonām un pēc tam to eksportējat, un jūs iegūstat perfektu SVG defektu bloku, ko izmantot. Ņemiet vērā, ka viņi vēl neizmanto , un es neesmu pārliecināts, kāpēc, bet tas nozīmē, ka, viewBoxtos ieviešot, jums būs jāiekļauj un pieejamības materiāli jāsaglabā patstāvīgi. Tur reģistrējieties kontam, un jūs varat saglabāt projektu, tas nozīmē, ka jūs varat atgriezties un pēc vajadzības noņemt / pievienot sīkumus, nevis sākt no nulles. Tas patiešām padara to par veidošanas rīku.

Svarīgi zināt par IcoMoon: varat pievienot savu SVG. Jūs neaprobežojaties tikai ar to, ko redzat noklusējuma lietotnē. Jūs varat iegūt SVG no citas vietas un vienkārši pievienojiet to tur, un tas ietaupīs kopā ar jūsu projektu. Jūs varētu izmantot IcoMoon kā veidošanas rīku tikai ar savu pielāgoto SVG, un tas joprojām būtu noderīgs.