Das Weblog von Stefan Grund, der im Netz als @eay unterwegs ist und hier seit 2003 über Medien, Popkultur und Technologie schreibt. Mehr » 

#changelog

Pünktlich zum 8. Geburtstags dieses „Neill“ getauften Blog-Themes (as in Neill Blomkamp) habe ich die Innereien mal auf den aktuellen Stand der Technik gebracht.1

Der Webpack-basierte Build-Prozess ist einem kleinen Vite-basierten gewichen, alte Polyfills sind rausgeflogen und generell habe ich die CSS-, JavaScript- und SVG-Einbindung optimiert und modernisiert. Das Ergebnis: Die eh schon kleinen Assets sind nochmal in ihrer Größe geschrumpft. Das hier verwendete JavaScript z.B. von 60 auf 27 KB.

Mit 8 Jahren und rund 36% der 22 Jahre dieses Blogs hat Neill die längste Laufzeit aller hier genutzten Themes2. Dabei sind schon einige Features ergänzt worden, die beim Start noch nicht dabei waren (z.B. der vor 5 Jahren ergänzte Dark Mode) und das habe ich auch noch in den nächsten Monaten (und Jahren?) vor.

Zudem ergänzt:

  • Im Archiv gibt es jetzt noch mehr Zahlen (Anzahl der Posts pro Schlagwort und Post-Type).
  • Mein Video-Thumbnail-Plugin wurde optimiert und kann jetzt neben YouTube- auch Vimeo-Vorschaubildchen zwischenspeichern.
  1. Fun-fact: Dass das genau auf diesen Tag fällt, war absoluter Zufall. 😅 [↩]
  2. Btw seit jeher alles Eigenentwicklungen. [↩]

Blogtech-Nerd-Update:

Ich aktualisiere gerade den Frontend-Build-Prozess dieser Seite, der nämlich noch auf dem mittler­weile prähistorischen Node 12 basiert (released im April 2019). Vor zwei Wochen gab es schließlich ein neues M4 MacBook Pro und das soll sich – ebenso wie der M4 Mac mini – nicht mit solchen uralten, nicht auf Apple Silicon-ausgelegten Dependencies rumschlagen müssen.

Generell hatte ich zuletzt mit dem Wechsel von WordPress zu einem anderen System geliebäugelt. Zunächst mit einem Static Site Generator wie Eleventy. Dann insbesondere Kirby, das mir zuletzt positiv aufgefallen ist und auf Nachfrage hatte unter anderem Webrocker-Tom, dem ich ja bei Blogtech-Entscheidungen vollends vertraue, genau das bestätigt. Meine ersten Tests vor ein paar Wochen waren dann auch überaus positiv, allerdings bin ich an zwei Grenzen gestoßen: 1. Zum einen fehlt mir aktuell die Zeit, mich weiter in Kirby reinzuarbeiten (wobei der Quickstart vorbildlich ist). 2. Zum anderen habe ich im vorliegenden Setup ein liebgewonnenes Feature-Set, das ich erstmal duplizieren müsste:

  • Kommentare & Webmentions, die mit Datenbank, Webmention-Plugin von Matthias und Brid.gy hervorragend funktionieren. Ginge natürlich auch mit Kirby, aber nicht so out-of-the-box’ig, wenn ich das richtig sehe.
  • Eine bereits voll funktionsfähige Integration in meinen Workflow: Ich schreibe diese Zeilen in Drafts (zur Not meine einzige iPhone-App) und veröffentliche gleich direkt hieraus. Kirby hätte eine API, aber dann müssten meine Drafts-Actions/Scripts (Plural!) erstmal refaktoriert werden. Bei einem Static Site Generator müsste das auf Git umgemünzt werden, was mir wiederum zu wenig dynamisch/schnell ist.
  • Migration, Migration, Migration. Nicht das Schreckgespenst der deutschen Rechten, sondern das Exportieren & Importieren meiner vier Romane aus den letzten 18 Jahren plus Metadaten und Kommentare (die ich nicht verlieren will). Ein Eleventy-kompatibles Archiv habe ich bereits, aber bei Kirby wäre es in den gewachsenen Strukturen etwas komplizierter.

Aus diesen Gründen bleibe ich vorerst noch bei WordPress, auch wenn das zunehmender problematisch wird. Mal beobachten, wie es Thomas mit ClassicPress ergeht.

Ich habe heute mal ein paar Details am Blog angepasst:

  • Die unter den Posts angezeigten Hinweise/Ads werden nun nicht mehr von Vincents Sublime Ads ausgespielt, sondern direkt von hier. Hintergrund ist, dass Vincent sein Projekt abgegeben hat. Im Zuge dessen habe ich den Content hier auch aktualisiert.
  • Die Link-Posts im RSS-Feed verlinken nun nicht mehr auf die verlinkte Quelle, sondern – wie bei allen anderen Posts (und allen anderen Blogs außer Daring Fireball) – auf sich selbst, also die Detailseite in diesem Blog. Handelt es sich um einen Link-Post wird als erstes ein „Link →“ angezeigt, der wie zu erwarten auf die Quelle verweist. Ich bin mir noch nicht ganz sicher, ob es dabei bleibt, möchte das aber mal ausprobieren. Feedback appreciated.
  • Ich habe projektbezogene Kategorien und Kategorieseiten vorbereitet. Noch nicht live, kommen aber irgendwann, so dass sie ein bisschen als Changelog für z.B. Yonks fungieren können.

Seit März verfügt diese Seite mit „Dark Neill“ über einen Dark Mode, der je nach Betriebssystem-/Browserpräferenz angezeigt wird (oder eben nicht). Seit heute gibt’s oben rechts einen Button, der euch auch unabhängig von besagten Präferenzen zwischen Hell und Dunkel wechseln lässt.

Zudem lässt sich die Suche nun auch über einen weiteren Button („Ihr habt’s ja!“) und nicht mehr nur über die s-Taste auf jeder Seite anzeigen und nutzen.

Dark Neill

Screenshot of Dark Neill

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

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

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äferenz wird euch eay.cc nun hell oder dunkel angezeigt. Aus „Neill“ wird „Dark Neill“. Wenn ihr wollt.1

Darüber hinaus gibt’s viele kleinere Opti­mierungen, wie z.B. eine größere Skalierung der Website, wenn ihr sie auf größeren Displays besucht. Zudem habe ich noch weitere Anpassungen (not sure to call them features yet) für die nächsten Quarantäne­abende angedacht. Und vielleicht kommt hier und da sowieso noch was Neues. Warten wir ab und bleiben wir gesund!

–
An die anwesenden Techniker: Zwei Artikel, die äußert hilfreich bei der Um­setzung eures ersten Dark Mode sind, sind dieser Blogpost von Jeremy Keith und dieser Deep Dive zum Thema von Tom Steiner (mit dem großartigen Titel „Hello darkness, my old friend“). You’re welcome. 🌚

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

  1. Im nächsten Schritt werde ich noch einen Umschalter implementieren, mit dem sich eure System­präferenz auf Wunsch überschreiben lässt. [↩]

Wie ihr vielleicht schon hier, hier oder hier gesehen habt, habe ich mir eine neue Möglichkeit geschaffen, kurze Filmbewertungen zu veröffentlichen. Das stellt damit meinen x-ten Versuch dar, hier wieder mehr zum Thema Film zu machen. Schließlich bewerte ich sowieso jeden Kinofilm in meiner Kinostatistik und habe auch immer ein, zwei Sätze dazu zu sagen. Nur für umfangreiche Reviews wie früher, fehlt mittlerweile halt die Zeit.

Zudem werden die neuen Kurzrezensionen wieder unter dem Label der „EMDb“, der Eay Movie Database geführt. Was bedeutet, dass diese im Zuge des Redesigns untergegangene Seite demnächst wieder zurückkehrt.

Apropos untergegangene Seiten: das Inhaltsverzeichnis, das mit diesem Beitrag alle 2.974 Blogeinträge bis Februar 2007 auflistet, ist zurück – aber mit einer Dateigröße von 1,6 MB (!) alleine für das HTML-Dokument (!) eher was für Google als für den normalen Nutzer.

JSON Feed: Version 1

Brent Simmons und Manton Reece haben einen neuen Feed-Standard spezifiziert, der die Arbeit mit diversen News-, Blog- und Whatever-Feeds erleichtern soll, indem auf JSON anstelle von XML gesetzt wird, das bei RSS und Atom zum Einsatz kommt.

Ich begrüße das sehr. Die Arbeit mit JSON ist mein täglich Brot, macht Spaß und ist einfach. Die definierten Standards machen Sinn, dennoch sind die Feeds aber wunderbar flexibel – unbekannte Keys werden einfach ignoriert. Selbstredend habe ich eay.cc soeben auch mit einem eigenen JSON Feed ausgestattet, dessen Items ich direkt mit _type um den jeweiligen Post-Typ erweitert habe. Linkposts können – external_url sei Dank! – endlich sauber (und seitenübergreifend gleich) ausgegeben werden. Für die anderen Post-Typen passe ich die Ausgabe später noch weiter an.

Zusammen mit der generellen Feed-Funktionalität von WordPress (vgl. hier) ein guter, weiterer Schritt zur einfacheren Weiter­verwurstelung von Bloginhalten.

Update, 26.05.: Ich habe den JSON Feed heute noch um Tags und Short-URLs erweitert. Außerdem bekommen die Status-Posts nun neben dem HTML einen zusätzlichen „Text only“-String, der das syndizieren zu diversen Microblogging-Diensten vereinfachen sollte. Das gehe ich als nächstes an.

Ich arbeite gerade übrigens wieder vermehrt an shortfil.ms 2.0. Die im letzten Jahr begonnene Version habe ich mittlerweile wieder verworfen und stattdessen einen etwas anderen Ansatz verfolgt.

Damit dürfte ich auch in den nächsten Wochen durch sein. Allerdings geht’s dann direkt mit der shortfil.ms App weiter, die sich langsam zu meinem persönlichen Duke Nukem Forever entwickelt, aber gleichzeitig mit der 2.0 veröffentlicht werden soll. Alles andere würde aus Marketing-technischer Sicht keinen Sinn machen.

Und zwischendurch (genau genommen immer dann, wenn ich keine Lust auf shortfil.ms habe) geht’s auch noch mit Jeffrey Jacob 2.0 oder – ganz neu – verschiedenen Hausautomatisierungs- und Quantified-Self-Projekten weiter, über die ich hier demnächst auch mal mehr verraten möchte.

Mit der Ankündigung der Schließung von App.net habe ich jetzt auch eine gute Deadline auferlegt bekommen, um das Theme dieses Blogs zu aktualisieren. Wie oben zu sehen, sind hier nämlich immer noch App.net Share-Buttons eingebaut. (Klar, die könnte ich auch einfach rauswerfen, aber dann kann man’s gleich auch mal in Gänze anpacken. 😌)

Tatsächlich arbeite ich auch schon seit der Weihnachtswoche an einer neuen Version dieses Themes. Jeffrey Jacob, wie ich es damals getauft habe, gefällt mir nämlich immer noch sehr gut. Daher habe ich es nochmal von Grund auf neu geschrieben. Mit modernen Frontend-Mitteln, so dass zumindest ich dahingehend zufrieden bin. Außerdem überlege ich derzeit noch, wie ich mehr aus den Post Types rausholen kann (mehr Microblogging?), ob und welche IndieWeb-Features ich implementieren möchte und was man sich evtl. von Facebook abschauen kann.

Es bleibt spannend. Bis März jedenfalls.