Ich hoffe, die Leute denken bei SVG an ein Vektorformat, das gut zum Zeichnen von Dingen geeignet ist. Es gibt noch viel mehr zu wissen, aber hier ist noch etwas: SVG eignet sich gut für die Komposition. Sie zeichnen Dinge an sehr spezifischen Koordinaten …
Nehmen wir an, jemand bittet Sie, einer beliebigen geometrischen SVG-Form eine **doppelte** Umrandung hinzuzufügen. Aus irgendeinem Grund können Sie keinen Grafikeditor verwenden – sie müssen zur Laufzeit generiert werden –, daher müssen Sie es lösen ...
Vor ein paar Wochen bin ich auf diesen coolen Pop-Out-Effekt von Mikael Ainalem gestoßen. Er zeigt die clip-path: path() in CSS, die gerade korrekte Unterstützung in den meisten modernen Browsern erhalten hat. Ich wollte mich selbst damit beschäftigen, um …
Jahrelang war mein Problem, dass ich keine einigermaßen natürlich aussehenden Muster in CSS erstellen konnte. Ich meine, manchmal brauche ich nur eine Holztextur. Die einzige produktionsfreundliche Lösung, die ich kannte, war die Verwendung eines externen Bildes, …
Es sieht so aus, als sei 2021 der Zeitpunkt, um mit CSS Logical Properties zu beginnen! Außerdem hat Chrome kürzlich einige APIs veröffentlicht, die für Aufsehen gesorgt haben, SVG erlaubt es uns, das Seitenverhältnis zu deaktivieren, WordPress konzentriert sich auf die Barrierefreiheit seiner Typografie und …
Kürzlich musste ich eine Webseite erstellen, die eine Reihe von SVG-Diagrammen für ein Analyse-Dashboard anzeigte. Ich verwendete eine Reihe von <rect>-, <line>- und <text>-Elementen in jedem Diagramm, um bestimmte Metriken zu visualisieren.
Das funktioniert und rendert …
Blobs sind die glatten, zufälligen, gallertartigen Formen, die eine skurrile Qualität haben und einfach nur Spaß machen. Sie können als Illustrationselemente und Hintergrundeffekte im Web verwendet werden.
Also, wie werden sie gemacht? Öffnen Sie einfach eine Illustration ...
Stefan Judis hat einen "Today I Learned" (TIL) Beitrag veröffentlicht, der erklärt, wie SVG-Filter in CSS inline eingebettet werden können. Die Idee ist, dass CSS die `filter`-Eigenschaft hat, die einige eingebaute Funktionen unterstützt, wie z. B. `grayscale(100%)` und ähnliches.
Aber...
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. …
