Direkter Link zum Artikel: Responsive Designs und CSS Custom Properties: Ein flexibles Grid-System erstellen

Responsive Designs und CSS Custom Properties: Ein flexibles Grid-System erstellen

Letztes Mal haben wir uns einige mögliche Ansätze zum Deklarieren und Verwenden von CSS Custom Properties in responsiven Designs angesehen. In diesem Artikel werden wir uns CSS-Variablen genauer ansehen und wie wir sie in wiederverwendbaren Komponenten und ... verwenden.

Avatar of Mikolaj Dobrucki
Mikolaj Dobrucki am
Direkter Link zum Artikel: Responsive Designs und CSS Custom Properties: Variablen und Breakpoints definieren

Responsive Designs und CSS Custom Properties: Variablen und Breakpoints definieren

CSS Custom Properties (auch bekannt als CSS-Variablen) werden immer beliebter. Sie haben endlich ordentliche Browserunterstützung erreicht und finden langsam ihren Weg in verschiedene Produktionsumgebungen. Die Beliebtheit von Custom Properties sollte keine Überraschung sein, denn ...

Avatar of Mikolaj Dobrucki
Mikolaj Dobrucki am
Direkter Link zum Artikel Super-Powered Grid Components with CSS Custom Properties

Super-Powered Grid Components with CSS Custom Properties

Vor einiger Zeit habe ich einen gut aufgenommenen Artikel über die Kombination von CSS-Variablen mit CSS Grid geschrieben, um wartungsfreundlichere Layouts zu erstellen. Aber CSS Grid ist nicht nur für Seiten! Das ist ein verbreiteter Irrtum. Obwohl es sicherlich sehr nützlich ist …

Avatar of Michelle Barker
Michelle Barker am
Direkter Link zum Artikel Einfacher interaktiver Tortendiagramm mit CSS-Variablen und Houdini-Magie

Einfacher interaktiver Tortendiagramm mit CSS-Variablen und Houdini-Magie

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 ...

Avatar of Ana Tudor
Ana Tudor am
Direkter Link zum Artikel Switch font color for different backgrounds with CSS

Schriftfarbe für verschiedene Hintergründe mit CSS wechseln

Hatten Sie schon einmal einen dieser Momente, in denen Sie dachten: „Das kann ich mit CSS machen!“, während Sie jemandem zusahen, wie er seine JavaScript-Muskeln spielen ließ? Genau dieses Gefühl hatte ich, als ich Dag-Inge Aas & Ida Aalen bei der CSSconf EU 2018 reden hörte.

Sie sind …

Avatar of Facundo Corradini
Facundo Corradini am