{ "version": "https://jsonfeed.org/version/1", "title": "eay.cc", "description": "Weblog von Stefan Grund", "home_page_url": "https://eay.cc", "feed_url": "https://eay.cc/2020/dark-neill/feed/json", "icon": "https://eay.cc/apple-touch-icon.png", "favicon": "https://eay.cc/favicon.ico", "author": { "name": "Stefan Grund", "url": "https://stefangrund.de/", "avatar": "https://stefangrund.de/avatar.jpg" }, "items": [ { "id": "36303", "_type": "standard", "url": "https://eay.cc/2020/dark-neill/", "title": "Dark Neill", "content_html": "\n

\"Screenshot

\n

Es ist jetzt fast drei Jahre her, dass die aktuelle Inkarnation des hiesigen Designs \u2013 Codename „Neill“ (as in „Neill Blomkamp“) \u2013 hier einge­f\u00fchrt wurde. Seitdem ist Webdesign-technisch viel passiert: Devices werden gleichzeitig immer gr\u00f6\u00dfer und kleiner, Browser und Betriebs­systeme unterst\u00fctzen mit ihrem jeweiligen „Dark Mode“ mittlerweile unsere dunklen Seiten. Und das nicht nur f\u00fcr nativen Anwendungen, sondern auch f\u00fcr Websites.

\n

W\u00e4hrend ich dieser Tage in der gl\u00fccklichen Lage bin, meine Br\u00f6tchen weiterhin im Home Office zu verdienen, dachte ich mir, dass ich ja nicht nur anderer Leuts Websites und Apps konzipieren, gestalten und entwickeln k\u00f6nnte, sondern den Lockdown auch mal dazu nutzen k\u00f6nnte, meine eigenen Projekte und inbe­sondere diese Seite voran­zubringen. (Womit ich nicht alleine bin.)

\n

Und so habe ich die letzten Abende damit verbracht, ein paar Optimierungen am hiesigen Theme vorzunehmen. Das Offenkundigste, wie diejenigen unter euch, die sich gerade auf dieser Website befinden und den Dark Mode in ihrem Betriebssystem/Browser aktiviert haben, bereits wissen: Es gibt hier nun auch ein dunkles Farbschema. D.h. je nach System­pr\u00e4ferenz wird euch eay.cc nun hell oder dunkel angezeigt. Aus „Neill“ wird „Dark Neill“. Wenn ihr wollt.1

\n

Dar\u00fcber hinaus gibt’s viele kleinere Opti­mierungen, wie z.B. eine gr\u00f6\u00dfere Skalierung der Website, wenn ihr sie auf gr\u00f6\u00dferen Displays besucht. Zudem habe ich noch weitere Anpassungen (not sure to call them features yet) f\u00fcr die n\u00e4chsten Quarant\u00e4ne­abende angedacht. Und vielleicht kommt hier und da sowieso noch was Neues. Warten wir ab und bleiben wir gesund!

\n

\u2013
\nAn die anwesenden Techniker: Zwei Artikel, die \u00e4u\u00dfert hilfreich bei der Um\u00adsetzung eures ersten Dark Mode sind, sind dieser Blogpost von Jeremy Keith und dieser Deep Dive zum Thema von Tom Steiner (mit dem gro\u00dfartigen Titel „Hello darkness, my old friend“). You’re welcome. \ud83c\udf1a

\n

Update, 20.05.: Dark Neill \u2013 jetzt auch mit Dark Mode Toggle!

\n\"\"
  1. Im n\u00e4chsten Schritt werde ich noch einen Umschalter implementieren, mit dem sich eure System­pr\u00e4ferenz auf Wunsch \u00fcberschreiben l\u00e4sst.
", "date_published": "2020-03-24T21:46:07+00:00", "date_modified": "2020-05-20T12:30:44+00:00", "author": { "name": "Stefan" }, "tags": [ "blogging", "changelog", "eayz", "in eigener sache", "webdesign" ], "_short_url": "https://eay.li/3dc" } ] }