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…
Ich bin zutiefst davon überzeugt, dass SVG eine ganze Welt des Erstellens von Benutzeroberflächen im Web eröffnet. Es mag auf den ersten Blick entmutigend erscheinen, SVG zu lernen, aber Sie haben eine Spezifikation, die zum Erstellen von Formen entwickelt wurde und dennoch ...
Ich habe SVG und Canvas schon einmal verglichen. Wenn Sie versuchen, sich zwischen ihnen zu entscheiden, lesen Sie das. Ich würde sagen, der wichtigste Unterschied zwischen ihnen ist Vektor (SVG) im Gegensatz zu Raster (Canvas). Aber der zweitwichtigste Unterschied ist, wie Sie mit ihnen arbeiten. SVG ist …
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 …
Im Jahr 2013 stellte Jake Archibald diesen coolen Trick vor, eine SVG-Pfad zu animieren, sodass er so aussieht, als würde er sich selbst zeichnen. Es ist jetzt 2020, und der Trick ist immer noch beliebt. Ich habe ihn auf vielen Websites gesehen, die ich kürzlich besucht habe. Ich, ...
Ich habe diese nette kleine graue Burst-Sache gemacht. Sie ist nichts Besonderes, besonders im Vergleich zur erstaunlichen Kreativität auf CodePen, aber ich dachte, ich könnte einige der Dinge, die darin passieren, zu Lernzwecken dokumentieren....
Stupide einfach, oder? Ist es! Aber es macht Spaß, ein paar Minuten darüber nachzudenken und eine Reihe verschiedener Wege zu zählen, wie wir es tun könnten. Und was meine ich überhaupt mit einer Linie? Wir werden hauptsächlich über eine …
Super cooles Projekt von Bennett Feely! Es verwandelt jeden Webtext in 3D-Schriftzüge mit einem Mouseover-Effekt, der die 3D-Objekte im Raum bewegt. Es erinnert an Zdog, aber für Text. Es entfaltet seine Magie, indem es eine …
Immer wenn ich an umrandeten Text im Web denke, denke ich: nö.
Es gibt -webkit-text-stroke in CSS dafür, aber es platziert diese Umrandung in der Mitte der Vektorkontur der Zeichen, absolut sicherstellend, dass das Zeichen …
