Ich kam auf die Idee, so etwas zu tun, als ich auf dieses interaktive SVG-Tortendiagramm stieß. Während der SVG-Code so kompakt wie möglich ist (ein einziges <circle></circle>-Element!), ist die Verwendung von Strichen für die Erstellung eines Tortendiagramms ...
Marcin Wichary hat ein großartiges Stück geschrieben, das sich damit beschäftigt, wie er CSS-Variablen verwendet hat, um einen Nachtmodus und ein Kontrastthema in einer App zu erstellen. Es gibt so viele nette Tricks zur Verwendung von CSS-Variablen (Chris hat …
CSS-Präprozessor-Variablen und CSS-Custom-Properties (oft als „CSS-Variablen“ bezeichnet) können einige Dinge gemeinsam tun, sind aber nicht dasselbe.
Praktische Ratschläge von Mike Riethmuller
…Wenn es in Ordnung ist, statische Variablen darin zu verwenden
Wir alle wurden mit der env() Funktion in CSS vertraut gemacht, als all das Drama um „The Notch“ und das iPhone X im Gange war. Die Art und Weise, wie Apple uns geholfen hat, Inhalte von diesen „unsicheren“ Bereichen wegzubewegen, war...
Ich spiele seit über fünf Jahren mit CSS-Transformationen und eine Sache, die mich immer gestört hat, war, dass ich die Komponenten einer transform-Kette nicht einzeln animieren konnte. Dieser Artikel wird das Problem, die alte ...
Ich bin kürzlich auf diesen Pen gestoßen und mein erster Gedanke war, dass alles mit nur drei Elementen erledigt werden könnte: einem Wrapper, einem Bereichs-input und einer output. Auf der CSS-Seite beinhaltet dies die Verwendung eines konischen Verlaufs() mit …
Als ich den ursprünglichen Artikel über die Nachbildung dieser Animation sah, dachte ich zuerst, dass alles mit Hilfe von Präprozessoren und insbesondere CSS-Variablen vereinfacht werden könnte. Tauchen wir also ein und sehen wir, wie!
Normalerweise besteht die Verbindung zwischen CSS und HTML darin, dass CSS-Selektoren HTML-Elemente auswählen und CSS sie stilisiert. CSS weiß nichts über den tatsächlichen Inhalt in HTML. Aber es *gibt* einen Weg, wie CSS darauf zugreifen kann ...
