Le terme «outil de création» peut faire peur. Cela rappelle des outils de ligne de commande sophistiqués nécessitant une configuration et des dépendances système étranges qui se cassent lorsque vous les regardez mal. Parfois, les outils de construction sont comme ça, et nous y allons dans cette série. Mais en réalité, un outil de création est juste quelque chose pour vous aider à simplifier votre processus. Automatisez ce que vous faisiez auparavant à la main.
IcoMoon, dans ce sens, est un outil de construction. C'était (est) un outil populaire pour créer des polices d'icônes personnalisées. C'est merveilleux pour ça. Je soutiens tout outil qui encourage les développeurs frontaux à créer des ressources personnalisées et rationalisées pour exactement ce dont ils ont besoin plutôt que d'inclure l'évier de cuisine (chaque icône sur terre) et d'en utiliser simplement des morceaux. IcoMoon n'est pas seulement pour les polices d'icônes @ font-face, il peut générer des blocs SVG defs, qu'il appelle un sprite SVG (également un terme parfaitement acceptable).
En gros, vous cliquez sur les icônes que vous voulez, puis vous les exportez et vous obtenez un bloc de définition SVG parfait à utiliser. Notez qu'ils ne l'utilisent pas encore, et je ne sais pas pourquoi, mais cela signifie que vous devrez inclure viewBoxvous-même des éléments d'accessibilité lorsque vous les implémentez. Créez un compte là-bas et vous pourrez enregistrer le projet, ce qui signifie que vous pouvez revenir et supprimer / ajouter des éléments au besoin plutôt que de partir de zéro. Cela en fait vraiment un outil de construction.
Important à savoir sur IcoMoon: vous pouvez ajouter votre propre SVG. Vous n'êtes pas limité à ce que vous voyez dans l'application par défaut. Vous pouvez obtenir du SVG ailleurs et l'ajouter simplement là-bas et il sera enregistré avec votre projet. Vous pouvez utiliser IcoMoon comme outil de construction avec uniquement votre propre SVG personnalisé et cela serait toujours utile.