Beiträge: Blog

Blog-Umzug vollzogen

Der Umzug war kein großer Hokuspokus. Im Prinzip musste ich dank der Nutzung von Datenstrom Yellow als CMS nur den Blog-Ordner vom alten auf den neuen Webserver kopieren und ein paar absolute Links in den Beiträgen/Seiten auf die neue Domain anpassen.

Der neue Webserver steht bei lima-city, bietet bessere Performance, bessere Erreichbarkeit (bei x10network gab es in 30 Tagen fünf kurze Ausfälle) und deutlich mehr Speicherplatz (10 GB statt 512 MB), wobei ich derzeit nur 1,5 MB nutze.

Ankündigung Blog-Umzug

Unter der Adresse werschreibt.x10.network wird dies der voraussichtlich letzte Beitrag von mir sein. Weiter geht es auf werschreibt.de.cool (Schöne Web-1.0-Domain, oder?), wo bereits eine Testversion dieses Blogs läuft. Abonniere doch gleich mal den Feed unter der neuen Adresse!

Die Instanz auf „werschreibt.x10.network“ wird (vorerst?) erhalten bleiben, aber ich werde die Kommentar- und Gästebuchfunktion abschalten. Auch werde ich temporär aus der Fußzeile die Verweise auf UberBlogr entfernen, bis das dortige Team den Umzug bestätigt hat.

Blog auf Touchgeräten lesen

Ich mache beim Schreiben von Beiträgen häufig Gebrauch von Abkürzungen (z. B. HTML) deren ausgeschriebene Entsprechung du dir am Rechner durch Drüberfahren mit der Maus anzeigen lassen kannst. Blöd nur, wenn du mein Blog am Smartphone liest, wo du keine Maus zur Verfügung hast. „Touchen“ bringt nämlich standardmäßig nichts. Ich habe daher ein wenig im Internet recherchiert und den Artikel Making the abbr element work for touchscreen, keyboard, and mouse von 2018 gefunden. Und weißt du was? So funktioniert es auch in 2025 noch.

Daraus entstand nun meine erste selbst geschriebene Erweiterung für Datenstrom Yellow. Das Ganze ist jetzt hier erst einmal experimentell implementiert, weshalb der Quellcode noch nicht öffentlich verfügbar ist. Außerdem hilft diese Lösung wohl den wenigsten Lesern mit einem Feedreader. Ich darf also noch mal drüber nachdenken.

Update 21.12.2025: Den Quellcode bekommst du auf werschreibt/yellow-abbrtouch. Dort sind jedoch die Werte für Vorder- und Hintergrundfarbe vertauscht, um dem hellen Standard-Theme Rechnung zu tragen.

#blogfragen

Seit heute ist meine Website Teil des UberBlogr Webring (den Webring-Code muss ich hier aber noch einbauen → seit 14.12. in der Fußzeile) und da mich Thomas Gigold auf der Willkommen-Seite so nett gebeten hat, beantworte ich hier nun die ursprünglichen #blogfragen - Fragen zu Deinem Blog von Thomas Jansen. Die Antworten der anderen Teilnehmer habe ich ganz bewusst (noch) nicht gelesen, um mich bei meinen Antworten nicht weiter beeinflussen zu lassen.

Warum hast Du ursprünglich mit dem Bloggen angefangen?

Um mein IT-Wissen an einer Stelle zu bündeln und es mit der Gemeinschaft teilen zu können. Quasi ein kleines Tech-Blog. Ich wollte dann aber auch Alles andere dort speichern, was sich aber schnell als unrealistischer Anspruch herausgestellt, weil man bestimmte Daten einfach nicht online speichern will und der qualitative Aufwand öffentliche Notizen zu schreiben, deutlich höher ist. Daher ist Vieles mittlerweile nur stichpunktartig und lokal in Zim gespeichert.

Lies mehr…

Qual der Wahl bei der Syntaxhervorhebung

Ich habe heute ziemlich viel Zeit darin versenkt, mir einen zum dunklen Theme passenden Style für die Syntaxhervorhebung auszusuchen. Nicht zu bunt, aber auch nicht zu kontrastarm. Die Hervorhebung soll unterstützen, nicht ablenken.

Allerdings enthält der Ordner highlight.php/src/Highlight/styles ganze 98 CSS-Dateien, highlight.js/src/styles gar 257! Diese Styles alle einzeln durchzutesten, mir zu notieren, welche der Style (eventuell mit kleinen Anpassungen) in Frage kommen könnten, diese Anpassungen durchzuführen und wieder und wieder zu testen, brachte mich mehrfach an den Rand der Verzweiflung und beinahe zum Aufgeben. Am späten Nachmittag entschied ich mich dann für hopscotch.css aus dem highlight.js-Projekt. Ohne irgendwelche Anpassungen. Ob es dabei bleibt, werden wir sehen. Irgendwie ist es jetzt doch ziemlich bunt …

Nachfolgend ein paar Hervorhebungsbeispiele:

Lies mehr…