Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Artikel mit Schlagwort
svg icons

27 Artikel
{
,

}
Direkter Link zum Artikel: How I Made an Icon System Out of CSS Custom Properties
Custom Properties Sass SVG SVG-Icons

Wie ich ein Icon-System aus CSS Custom Properties erstellt habe

SVG ist das beste Format für Icons auf einer Website, daran gibt es keinen Zweifel. Es ermöglicht scharfe Icons unabhängig von der Pixeldichte des Bildschirms, man kann die Stile des SVGs bei Hover ändern …

Avatar of Louis Hoebregts
Louis Hoebregts am 28. Sep. 2022
Direkter Link zum Artikel: 7 frische Links zum Thema Performance für März 2022
cloudflare next.js performance svg icons webpagetest

7 frische Links zum Thema Performance für März 2022

Ich habe eine Handvoll guter Links zu Artikeln über Performance, die mir in meinem Lesezeichen-Ordner unter den Nägeln brennen, und möchte sie hier teilen.…

Avatar of Chris Coyier
Chris Coyier am 2. März 2022
Direkter Link zum Artikel: Welche SVG-Technik schneidet bei zu vielen Icons am besten ab?
SVG SVG-Icons

Welche SVG-Technik schneidet bei zu vielen Icons am besten ab?

Tyler Sticka gräbt hier im bestmöglichen Sinn ein: indem er eine Testseite erstellt und die Leistung buchstäblich misst. Vielleicht sind 1.000 Icons *ein wenig* ein Ausnahmefall, aber hey, 250 Datenzeilen mit vier Icons darin …

Avatar of Chris Coyier
Chris Coyier am 23. Nov. 2021
Direkter Link zum Artikel: Zugängliche SVG-Icons
SVG SVG-Barrierefreiheit SVG-Icons

Zugängliche SVG-Icons

Die Antwort auf die Frage *"Was ist das zugänglichste HTML für ein SVG-Icon?"* ist nicht für alle gleich, denn was ein Icon auf einer Website tun muss, variiert. Ich bevorzuge die Recherche von Heather Migliorisi zu all dem, aber ich kann zusammenfassen. …

Avatar of Chris Coyier
Chris Coyier am 3. Aug. 2021
Direkter Link zum Artikel: Super Tiny Icons
SVG SVG-Icons

Super Tiny Icons

Eine Menge SVG-Icons (beliebter Dinge) alle unter 1KB. SVG ist großartig für Code-Golf.

Ich wollte ein CodePen-Logo hinzufügen, aber es ist bereits eines darin mit 375 Bytes. Ich habe eins mit 208 Bytes…

Avatar of Chris Coyier
Chris Coyier am 30. Nov. 2020
Direkter Link zum Artikel: SVGBOX
SVG SVG-Icons

SVGBOX

Ich sage seit Jahren, dass ein ziemlich gutes Icon-System darin besteht, Icons mit inline <svg> dort einzufügen, wo man sie braucht. Das ist einfach zu tun, bietet volle Designkontrolle, hat (im Allgemeinen) gute Leistung und bedeutet, dass man nicht …

Avatar of Chris Coyier
Chris Coyier am 12. Nov. 2020
Direkter Link zum Artikel Some New Icon Sets
icons svg icons

Some New Icon Sets

Ich habe in letzter Zeit einige Icon-Sets als Lesezeichen markiert, teils weil ich nie ein schönes Set finde, wenn ich es brauche. Ich dachte mir, ich gehe hier sogar die extra Meile und blogge sie, damit ich sie definitiv später finde. Abgesehen von …

Avatar of Chris Coyier
Chris Coyier am 29. Sep 2020
Direkter Link zum Artikel: Ein schriftenähnliches SVG-Icon-System für Vue
SVG-Icons Vue

Ein schriftenähnliches SVG-Icon-System für Vue

Die Verwaltung einer benutzerdefinierten Icon-Sammlung in einer Vue-App kann manchmal eine Herausforderung sein. Eine Icon-Schrift ist einfach zu verwenden, aber für die Anpassung muss man sich auf Drittanbieter-Schriftgeneratoren verlassen, und Merge-Konflikte können schmerzhaft sein …

Avatar of Kevin Lee Drum
Kevin Lee Drum am 24. Jul. 2020
Direkter Link zum Artikel: SVG, Favicons und all die tollen Dinge, die wir damit machen können
Dark Mode Favicon Media Queries SVG SVG-Icons

SVG, Favicons und all die tollen Dinge, die wir damit machen können

Favicons sind die kleinen Icons, die Sie in Ihrem Browser-Tab sehen. Sie helfen Ihnen zu verstehen, welche Seite welche ist, wenn Sie Ihre Lesezeichen und offenen Tabs durchsuchen. Sie sind ein schöner Teil der Internetgeschichte und fähig zu …

Avatar of Eric Bailey
Eric Bailey am 8. Feb. 2022
  • 1
  • 2
  • 3
  • Ältere

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .