Alle Beiträge von Marcel Best

Marcel Best ist Webdesigner in Fribourg, Schweiz, mit Schwerpunkt auf WordPress, Bootstrap und sauberem Front-End. Vom DJ und Producer kam er über die Frage, wie sich Farben und Formen auf einer Website verändern lassen, zur Webgestaltung. Heute fährt er Motorrad – auf der Strasse wie auf der Rennstrecke – und schreibt hier über Webdesign, Bikelife und alles dazwischen.
Zwei stilisierte Beitragsvorschau-Karten nebeneinander, getrennt durch ein nach rechts weisendes Winkelzeichen. Links hat nur der rote Weiterlesen-Button einen hellen Fokus-Rahmen; rechts liegt ein leichter roter Schleier über der ganzen Karte und zeigt sie als gesamte Klickfläche, während der Button seinen Fokus-Rahmen behält.

Weniger Code, mehr Barrierefreiheit

Die ganze Beitragsvorschau anklickbar machen, nicht nur den Weiterlesen-Link – und das barrierefrei. Klingt einfach, war es nicht. Bis ich merkte, dass ich das falsche Problem lösen wollte. Die richtige Lösung war dann fast peinlich simpel.

Weiterlesen: Weniger Code, mehr Barrierefreiheit
Rotes Kachelmuster aus weissen Daumen-hoch-Outlines, in der Mitte rahmt ein Kreis einen einzelnen Daumen-hoch-Icon ein.

Like-Button für WordPress – ohne Plugin

Ein Like-Button ist schnell gebaut. Genau das ist das Problem. Denn es gibt unzählige Tutorials, man kopiert etwas PHP und JavaScript, und der Button steht: ein Klick, der Zähler springt hoch – und da hören die meisten Anleitungen auf.

Weiterlesen: Like-Button für WordPress – ohne Plugin
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