Die erste Überlegung ist: Brauchen Sie das wirklich? Wenn möglich, ist es immer wieder bewiesen, dass Text neben Ihren Icons die zugänglichste und klarste UX ist (siehe Apples neueste Panne). Aber wenn Sie müssen...
Hier ist ein raffinierter Trick von Andy Bell, der im Nachhinein ein wenig offensichtlich erscheint: Wenn Sie einer SVG eine Breite und Höhe von 1em geben, können Sie deren Größe mit der Eigenschaft font-size ändern. ...
Dies ist ein großartiger Einblick in barrierefreie SVG-Markup-Muster von Marco Hengstenberg. Hier ist das ideale Beispiel
<button type="button">
Menu
<svg class="svg-icon"
role="img"
height="10"
width="10"
viewBox="0 0 10 10"
aria-hidden="true"
focusable="false">
<path d="m1 7h8v2h-8zm0-3h8v2h-8zm0-3h8v2h-8z"></path>
</svg>
</button>Es gibt viele Unicode-Symbole, die bereits ziemlich gute Icons abgeben, wie Pfeile (←), Zeichen (✘) und Objekte (✂︎). Man kann diese wie normale Schriftglyphen einfärben. Dann gibt es Emojis, diese vollfarbigen Dinger, die wir alle kennen....
Ich habe in letzter Zeit viele Naturdokumentationen gesehen. Ich mag, wie man ihnen entweder ganz genau zuhören oder sie als Hintergrundfernsehen nutzen kann. Ich war ein riesiger Fan des Originals Blue Planet, also ist es ...
Hier ist eine Frage, die ich neulich bekommen habe:
…Würden Sie Icon-Fonts oder Inline-SVGs für eine komplexe Single-Page-Anwendung empfehlen? Und gibt es spezifische Barrierefreiheitsbedenken für beides? Barrierefreiheit ist für uns besonders wichtig, da Schulen unsere...
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 ...
Wenting Zhang hat 512 (!) Icons nur mit HTML und CSS erstellt. Normalerweise nur ein Element, gelegentlich ein zusätzliches Element und gezeichnet mit Dingen wie Rahmen, Hintergründen und Box-Schatten.
Sieht aus, als hätte derselbe Bug Wenting erwischt, der Nicolas erwischt hat...
