Dark-Mode-Designs sind gerade total angesagt, aber hier ist eine interessante Herangehensweise: Wei Gao hat auf ihrer eigenen Website einen Nachtmodus erstellt, der mix-blend-mode: difference verwendet, um einen Effekt zu erzielen, der so aussieht
Wei erklärt, wie sie diese Technik implementiert hat und welche Sonderfälle ihr dabei begegnet sind. Besonders gut gefällt mir, was sie hier über die Funktionen von mix-blend-mode zu sagen hatte.
Ich erinnere mich, wie ich sie vor Jahren zum ersten Mal in Photoshop ausprobiert habe. Jetzt, wo Browser immer leistungsfähiger werden und wir komplexe grafische Funktionen sehen, die nativ in der Browser-Darstellung verfügbar sind. Das bedeutet nicht, dass wir ein komplettes Photoshop in Browsern implementieren sollten, und wir sollten unsere Vorstellungskraft auch nicht darauf beschränken. Browser und Webseiten haben ihre eigenen Kontexte und Ziele, sowie einen anderen Satz von Einschränkungen. Vielleicht sollten wir sie als neue Bewohner willkommen heißen und Anwendungsfälle entdecken, die für dieses Gebiet nativ sind.
In der Tat! Obwohl Weis Technik für sich genommen ziemlich einzigartig und fantastisch ist, hängt das alles mit der Sache zusammen, die den ganzen Trend ins Rollen gebracht hat: dem prefers-color-scheme Medie-Feature das in Safari als Teil der MacOS 10.4-Version veröffentlicht wurde und uns eine Einstellung für den Dunkelmodus gab. Dies ist ein sich entwickelnder Bereich, daher werden wir sicher noch weitere Innovationen und Ansätze sehen.