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
Direkter Link zum Artikel Why would you do that in CSS?

Warum sollte man das in CSS machen?

Haben Sie Lynn Fishers außergewöhnliches A Single Div Projekt gesehen? Nicht nur sind all diese Grafiken in reinem HTML und CSS gezeichnet, sie sind alle mit (Sie haben es erraten) einem einzigen <div> erstellt.

Warum sollte sie das tun? Hier ist eine treffende Möglichkeit: Es geht uns nichts an. Wir können uns wundern oder sogar fragen, ob es respektvoll genug geschieht. Aber spielt das wirklich eine Rolle? Hören wir auf, anzunehmen, sie wüsste nicht, was sie tut, anzunehmen, es sei eine verdrehte Form des Leidens, oder dass sie sich anderer Technologien nicht bewusst sei. Sehen Sie sich das Beispiel an, in dem sie das offizielle SVG-Logo mit CSS und einem einzigen div gezeichnet hat. Bewusst.

Avatar of Chris Coyier
Chris Coyier am
Direkter Link zum Artikel Scooped Corners in 2018

Eingeschnittene Ecken im Jahr 2018

Als ich Chris' Artikel über eingekerbte Boxen sah, erinnerte ich mich, dass ich vor einiger Zeit eine Herausforderung hatte, ein Design wie dieses mit CSS zu gestalten, aber stattdessen mit abgerundeten, eingeschnittenen Ecken. Mal sehen, wie wir das auf diese Weise machen können und es auf mehrere Ecken erweitern können, während wir die Browserunterstützung berücksichtigen.
Avatar of Ana Tudor
Ana Tudor am