Aus der Praxis – nicht aus dem Lehrbuch

Ich bin Marcel. Webdesigner, Motorradfahrer und ich schreibe. Das hier ist meine eigene Ecke im Netz – hier sammle ich, was mich beschäftigt: Bikelife, Webdesign und alles dazwischen.

Mehr über mich


Motorradfahrer in Lederkombi von hinten vor seiner Triumph Street Triple R 675, Blick in den Sonnenuntergang über den Weinbergen am Bielersee.

Der Tag, an dem ich Motorrad-Model war

Eigentlich war es ein Tag wie jeder andere, allerdings mit ein paar kleinen Unterschieden und einem grossen. Denn heute sollte ich Motorrad-Model werden. 5:30 Uhr, ich hatte schon die Motorradkleidung an und war leicht gepackt. Sonnencreme, viel Wasser, ein wenig Werkzeug, etwas zum Putzen. Und dann ging es los – zur Arbeit.

Weiterlesen: Der Tag, an dem ich Motorrad-Model war
Frontale Nahaufnahme eines Motorrads im Dunkeln. Zwei hell blau-weiss leuchtende LED-Scheinwerfer und die bernsteinfarbenen Blinker lassen die Front wie ein Gesicht wirken – fremd, fast insektenartig.

Aliens oder nicht?

Es fing mit einem einzigen Foto an. Frontal, eine KTM. Und irgendwie – sah es nicht aus wie ein Motorrad. Eher wie ein Gesicht. Insektenartig. Fremd. Alien.

Weiterlesen: Aliens oder nicht?
JSON-LD @graph im Head einer WordPress-Seite – mit BlogPosting, FAQPage und Person als vernetzten Knoten.

JSON-LD für WordPress – ohne Plugin

Strukturierte Daten sind kein neues Konzept, doch mit dem Aufkommen von LLMs sind sie noch einmal relevanter geworden. Vor vielen Jahren hatte ich schon einfaches Microdata-Markup auf meiner Website. Inzwischen hat JSON-LD Microdata als Standard abgelöst. Daher zeige ich in diesem Beitrag meine Lösung für WordPress-Classic-Themes: mit einer PHP-Datei, ohne Plugin.

Weiterlesen: JSON-LD für WordPress – ohne Plugin
JavaScript-Code des überarbeiteten Auto-Resize-Moduls, Fokus auf dem ResizeObserver-Block

Auto-Resize Textarea – überarbeitet

Mitte 2023 brauchte ich eine Textarea, die sich automatisch vergrössert. Mit einer Suche im Web fand ich soliden, freien Code und schrieb ihn auf ES6 um. Er funktionierte, wuchs hier und da noch ein wenig und wurde ein paarmal zuverlässig eingesetzt.

Weiterlesen: Auto-Resize Textarea – überarbeitet
Grün leuchtender Türöffnungstaster im Innern eines Zuges

Einmal drücken reicht

Seitdem ich wieder im Büro arbeite, fahre ich fast täglich ÖV. Und täglich sehe ich dasselbe: Menschen, die auf den Türtaster einschlagen, als wäre er schuld an allem. Er ist es nicht. Einmal drücken reicht – ehrlich.

Weiterlesen: Einmal drücken reicht
Zwei nebeneinander dargestellte Blockquotes: links das schliessende Anführungszeichen allein in der letzten Zeile, rechts die korrekte Darstellung mit dem Anführungszeichen direkt am letzten Wort. Getrennt durch einen roten vertikalen Strich.

Wenn das schliessende Anführungszeichen allein in der Zeile steht

Ein schliessendes Anführungszeichen, das per Pseudo-Element gesetzt wird, kann beim Umbrechen allein in einer neuen Zeile stehen. CSS hat Antworten darauf – aber keine vollständige. Dieser Beitrag zeigt zwei Implementierungen, ihre Grenzen und warum das Problem in Extremfällen offen bleibt.

Weiterlesen: Wenn das schliessende Anführungszeichen allein in der Zeile steht