Eine Methode zur Berechnung der Breite und Höhe des Viewports ohne JavaScript, präsentiert von Temani Afif drüben bei CSS Tip
@property --_w {
syntax: '<length';
inherits: true;
initial-value: 100vw;
}
@property --_h {
syntax: '<length';
inherits: true;
Vor ein paar Wochen schrillten einige Alarmglocken, als die CSS Working Group (CSSWG) beschloss, eine if()-Bedingung zur Spezifikation des CSS Values Module Level 5 hinzuzufügen. Es war Lea Verous X-Post am selben Tag, der …
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 …
Farbverläufe sind schon seit geraumer Zeit Teil des CSS-Spektrums. Wir sehen viele radiale und lineare Verläufe in vielen Projekten, aber es gibt einen Typ von Verlauf, der anscheinend …
Wir können Variablen in CSS ziemlich einfach erstellen
:root {
--scale: 1;
}Und wir können sie auf jedem beliebigen Element deklarieren:…
Stellen Sie sich vor, Sie haben ein Element mit einer mehrwertigen CSS-Eigenschaft, wie z. B. transform: optionale Custom-Property-Werte
.el {
transform: translate(100px) scale(1.5) skew(5deg);
}Nun stellen Sie sich vor, dass Sie nicht immer möchten, dass alle transform-Werte angewendet werden, sodass einige …
Kennen Sie diese Pappkartons, die völlig flach geliefert werden? Man faltet sie zusammen und verklebt sie, um sie in eine nützliche Box zu verwandeln. Wenn es dann an der Zeit ist, sie zu recyceln, schneidet man sie wieder auseinander, um sie flach zu machen …
Wenn Sie diszipliniert sind und die Vererbung, die die CSS-Kaskade bietet, nutzen, werden Sie am Ende weniger CSS schreiben. Aber da unsere Stile oft aus allen möglichen Quellen stammen — und mühsam zu strukturieren sein können …
Hah! Mir war nicht klar, dass CSS Custom Properties ihr eigenes Auflösungsverhalten dafür haben, wie !important in ihren Werten funktioniert. Und das, obwohl ich einen Leitfaden darüber geschrieben habe. 😬 Aber hey, er ist jetzt aktualisiert.
