Bobby Grace, vom Dropbox Paper-Team
…Auf der technischen Seite verwenden wir Inline-SVGs. Diese haben viele Vorteile. Ein Vorteil ist, dass SVG ein gut strukturiertes Format ist, das wir mit Code manipulieren können. Paper verwendet auch React und
Es gibt einen interessanten Stolperstein beim fill-rule -Attribut von SVG, der hier von Anthony Collurafici detailliert beschrieben wird.
…Fill-Rule ist eine SVG-Eigenschaft, die grundlegend definiert, wie bestimmt wird, welche Formen gefüllt oder von der Form abgezogen werden. Der Standard-SVG-Wert
Ein weiterer Tag, ein weiteres Designsystem, das ein SVG-Iconsystem als den richtigen Weg ansieht.
Jeder hat seine eigenen Überlegungen, wenn er eine solche Entscheidung trifft. Scott Mathis dokumentiert die wichtigsten Überlegungen für Clarity: Opting-out, Sizing, Multi-Colors, Interaktivität, ...
Etsy verlagert sich von einer Icon-Schriftart in der Produktion zur Verwendung von SVG. Es wird ein Inline-<svg>-System sein, aber als <etsy-icon> Custom Element abstrahiert für einfache Bedienung.
Zwei Cents
Fünf Hoch auf Dave Gandy und das Font Awesome-Team
Der Font Awesome 5 Kickstarter sammelte 1.076.940 $ von 35.549 Unterstützern und war damit der am besten finanzierte und am meisten unterstützte Software-Kickstarter aller Zeiten.
Was bekommen die Geldgeber? 1.000 mehr ...
Icons. Sie sind beliebt. Sie helfen, Inhalte zu ergänzen (meistens). Und doch können sie eine Qual sein.
Sobald Sie sich für ein Format (SVG oder Icon-Font?) entschieden und das Set entworfen haben, gibt es immer noch ...
Solide Grundlagen eines SVG-Iconsystems in diesem Leitfaden von Florens Verschelde, gemischt mit einigen guten Tricks: der Zwei-Farben-Trick, das Vorladen des Sprites und die Verwendung von benutzerdefinierten Eigenschaften für unbegrenzte Farbvariationen. Auch ein interessanter Punkt zur Verwendung mehrerer Methoden ...
Ich habe hier schon einiges über das <use></use> von SVG und dessen Verwendung zum Erstellen eines Icon-Systems gesprochen. Die Schönheit von <use></use> ist, dass Sie auf nur einen Teil eines woanders definierten SVG verweisen und nur diesen ...
SVG ist ein Bildformat für Vektorgrafiken. Es bedeutet wörtlich Scalable Vector Graphics (skalierbare Vektorgrafiken). Im Grunde das, womit Sie in Adobe Illustrator arbeiten. Sie können SVG ziemlich einfach im Web verwenden, aber es gibt viel, das Sie wissen sollten....
