Nehmen wir an, Sie würden einen Blogbeitrag über den Dunkelmodus schreiben

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Dies ist *nicht* dieser Blogbeitrag. Ich sage, *nehmen wir an, Sie würden es tun*.

Dies ist keine Abwertung anderer Blogbeiträge über den Dunkelmodus. Es gibt viele gute, und ich bin ein Fan jedes Informationsaustausch-Blogbeitrags. Dies ist eher eine Denksportaufgabe darüber, was meiner Meinung nach erforderlich wäre, um einen *wirklich großartigen* Blogbeitrag zu diesem Thema zu verfassen.

  • Sie würden erklären, was der Dunkelmodus ist. Sie würden sich jedoch nicht lange damit aufhalten, da die Leute, die einen Blogbeitrag wie diesen lesen, wahrscheinlich bereits wissen, was er ist.
  • Sie hätten auf jeden Fall eine schöne Demo. Wahrscheinlich mehrere Demos. Eine, die sehr einfach ist, damit die wichtigsten Codezeilen leicht zu erkennen sind. Vielleicht etwas, das `background-color` und `color` austauscht. Die andere(n) Demo(s) befassen sich mit komplexeren und realen Szenarien. Was machen Sie mit Bildern und Hintergrundbildern? SVG-Striche und -Füllungen? Schaltflächen? Rahmen? Schatten? Das sind seltene Dinge, die Websites haben, sodass jeder, der ein UI im Dunkelmodus entwirft, darauf stoßen wird.
  • Sie würden sich mit der Tatsache befassen, dass der Dunkelmodus eine Wahl ist, die auf Betriebssystemebene selbst erfolgen kann. Glücklicherweise können wir das in CSS erkennen, also müssen Sie abdecken, wie.
  • JavaScript muss möglicherweise auch die Betriebssystemwahl kennen. Vielleicht, weil einige Stile auf JavaScript-Ebene stattfinden, aber auch wegen des nächsten Punktes.
  • Der Dunkelmodus könnte (sollte?) auch eine Wahl auf der Website selbst sein. Das dient Fällen, in denen ein Benutzer auf dieser speziellen Website eine Wahl bevorzugt, die das Gegenteil ihrer Betriebssystempräferenz ist.
  • Der Bau eines Themenwechsels ist keine kleine Aufgabe. Wenn Ihre Website über eine Authentifizierung verfügt, sollte diese Wahl wahrscheinlich auf Kontoebene gespeichert werden. Wenn nicht, sollte die Wahl auf andere Weise gespeichert werden. Eine Möglichkeit ist `localStorage`, aber das kann Probleme haben, wie die Tatsache, dass CSS im Allgemeinen auf eine Seite angewendet wird, bevor JavaScript ausgeführt wird, was bedeutet, dass Sie mit einer "Flash of incorrect theme" (kurzzeitige Anzeige eines falschen Themas) Situation konfrontiert sind. Möglicherweise müssen Sie mit Cookies arbeiten, um bei jedem Seitenaufruf themenspezifisches CSS zu senden.
  • Ihr Blogbeitrag würde reale Beispiele von Leuten enthalten, die das bereits tun. Auf diese Weise können Sie untersuchen, wie sie es gemacht haben und wie erfolgreich sie waren. Vielleicht können Sie sie auch um einen Kommentar bitten. Wenn es einige *schlechte* Beispiele gibt, sollten Sie diese auch abdecken, manchmal lernt man am besten, indem man lernt, was man vermeiden muss.
  • Sie werden sich anderer Texte zu diesem Thema bewusst sein. Das sollte Sie nicht davon abhalten, selbst über das Thema zu schreiben, aber ein Blogbeitrag, der so klingt, als wären Sie die erste und einzige Person, die über ein Thema schreibt, obwohl Sie es eindeutig nicht sind, hat einen unbeholfenen Ton, der nicht gut ankommt. Sie können nicht nur aus den Texten anderer lernen, sondern auch daraus schöpfen und sie potenziell weiterentwickeln.
  • Da Sie Browsertechnologie behandeln, werden Sie die Unterstützung dieser Technologie in der Browserlandschaft behandeln. Gibt es nennenswerte Ausnahmen bei der Unterstützung? Kommt diese Unterstützung? Haben Sie recherchiert, was die Browser selbst über die Technologie sagen?
  • Es gibt unzählige Auswirkungen auf die Barrierefreiheit. Der Dunkelmodus selbst kann als Barrierefreiheitsfunktion betrachtet werden, und es gibt auch damit verbundene Barrierefreiheitsprobleme, wie z. B. wie der Schalter funktioniert, wie Modusänderungen angekündigt werden, und eine ganze Reihe neuer Farbkontraste, die berechnet und richtig eingestellt werden müssen. Ein Blogbeitrag ist eine großartige Gelegenheit, all das zu besprechen. Haben Sie es recherchiert? Haben Sie mit Personen gesprochen, die spezielle Bedürfnisse in Bezug auf diese Funktionen haben? Irgendwelche Experten? Haben Sie gelesen, was Accessibility-Experten über den Dunkelmodus sagen?

Das alles bezog sich auf den Dunkelmodus, aber ich wette, Sie können sich vorstellen, wie die Berücksichtigung all dieser Punkte jedem Blogbeitrag zugutekommen könnte, der ein technisches Konzept behandelt.