19: Meer bouwtools! ​ CSS-trucs

Anonim

We hebben geleerd dat build-tools bijzonder geweldig zijn voor taken zoals het veranderen van een map vol SVG's in een SVG-defs-blok. Zoals altijd het geval is in deze mooie webwereld waarin we leven, is er altijd meer dan één tool voor de klus. Hiervoor zijn zeker meer build-tools dan de twee die we tot nu toe hebben bekeken.

Gulp gebruiken? gulp-svg-sprites

Heb je geen inline SVG nodig en wil je gewoon de SVG-pictogrammen insluiten in een CSS-bestand? Probeer Grunticon of de in-browser tool Grumpicon.

Wilt u een alternatieve Grunt-plug-in? grunt-svg-sprite

Wil je een super robuuste en aanpasbare tool proberen? Probeer Iconizr (of in de browser).

Bestanden

  • 19-example-grunticon-output.zip
  • 19-example-iconizr-output.zip