Ein guter Freund, Kent C. Dodds, hat kürzlich seine neue Website veröffentlicht, in die viel Arbeit geflossen ist. Ich hatte das Glück, dass sich Kent vor einiger Zeit bei mir gemeldet hat und fragte, ob ich mir etwas ausdenken könnte ...
Eine Möglichkeit, mit Custom Properties zu arbeiten, ist, sie als Design Tokens zu betrachten. Farben, Abstände, Schriftarten und dergleichen. Sie werden am Stamm der Seite gesetzt und überall in Ihrem CSS verwendet. Sehr nützlich, und der klassische …
Ich habe gesehen, dass dies mehr als eine Handvoll Leute in letzter Zeit verwirrt hat, mich eingeschlossen, also stelle ich sicher, dass es aufgeschrieben wird.…
Ich habe vor kurzem einen sehr einfachen Sass-Loop geschrieben, der mehrere Padding- und Margin-Utility-Klassen ausgibt. Nichts Besonderes eigentlich, nur eine Sass-Map mit 11 Abstandswerten, die durchlaufen wird, um Klassen für Padding und Margin auf jeder Seite zu erstellen. …
Schon seit geraumer Zeit enthält die CSS-Spezifikation viele wirklich nützliche mathematische Funktionen, wie etwa trigonometrische Funktionen (sin(), cos(), tan(), asin(), acos(), atan(), atan2()), Exponentialfunktionen (…
Lassen Sie uns eine voll funktionsfähige und einstellbare „analoge“ Uhr mit CSS-benutzerdefinierten Eigenschaften und der calc()-Funktion erstellen. Dann wandeln wir sie auch in eine „digitale“ Uhr um. All dies ohne JavaScript!…
Normalerweise hat ein Projekt eine Reihe von vordefinierten Schriftgrößen, normalerweise als Variablen, die so benannt sind, dass sie einen Anschein von Ordnung und Konsistenz aufweisen. Jedes Projekt von beträchtlicher Größe kann so etwas verwenden. Es gibt immer ...
PPK legte eine interessante Situation in „Two options for using custom properties“ dar, in der er und Stefan Judis zwei unterschiedliche Ansätze hatten, um dasselbe mit custom properties zu tun. In einem Ansatz waren Hover- und Fokusstile für eine …
