Aus der Webmaster-Werkstatt

HTML, Kabel, Backups und andere Kleinigkeiten, die angeblich nur fünf Minuten dauern.

Webseiten entstehen selten durch Magie. Meistens entstehen sie durch Nachsehen, Ausprobieren, Testen, Zurückbauen, noch einmal Nachsehen – und gelegentlich durch die Erkenntnis, dass der Fehler exakt dort saß, wo man vor einer Stunde schon gesucht hatte.

Diese Seite ist deshalb kein Lehrgang und kein Supportangebot, sondern ein kleiner illustrierter Rundgang durch die Denkweise hinter sslxy.de: technisch, etwas altmodisch, möglichst nachvollziehbar und mit genügend Humor, um auch eine kaputte Weiterleitung zu überleben.

Comicillustration eines Tüftlers mit Lupe bei der Fehlersuche an einem alten Computer mit 404-Meldung — Fehlersuche mit Lupe. Symbolbild – die meisten 404-Fehler sind deutlich kleiner, aber selten so fotogen.

> WORKBENCH_STATUS

PROJEKT sslxy.de MODUS Werkstatt WERKZEUGE HTML / CSS / Browser / Kabel / Backups METHODE erst schauen / dann denken / dann machen SUPPORT nein HUMOR vorsichtig aktiviert

Die wiederkehrende Figur auf dieser Seite ist eine Illustration. Sie ist kein Personenporträt und keine Berufsbezeichnung in Comicform.

[workbench/debug]

Fehlersuche: Wo ist die Seite hin?

Eine 404 ist noch keine Diagnose. Sie ist zunächst nur die höfliche Mitteilung des Servers, dass die gesuchte Adresse dort gerade nicht zu finden ist.

Manchmal steckt ein Tippfehler dahinter. Manchmal eine verschobene Datei. Manchmal eine Weiterleitung. Und manchmal eine Regel in einer .htaccess, die seit Jahren völlig korrekt arbeitet – nur eben nicht dort, wo man in diesem Moment dachte.

Das Praktische an Fehlern: Sie sind Informationen. Das Unpraktische: Sie verraten nicht immer sofort, welche.

          [Debug_Routine]

          > URL prüfen

          > HTTP-Status prüfen

          > DNS / HTTPS / Redirect prüfen

          > .htaccess ansehen

          > Browsercache verdächtigen

          > zuletzt: eigenen Tippfehler finden

Der Fehler ist meistens logisch. Nur seine Logik wurde vorher nicht mitgeteilt.

[workbench/html-css]

HTML und CSS: Schraubenschlüssel fürs Web

Comicillustration eines Tüftlers beim Arbeiten an HTML und CSS auf einem alten Computer — HTML und CSS auf der Werkbank. Der Schraubenzieher im Bild ist optional.

Nicht jede Webseite braucht ein Framework, drei Build-Systeme, siebenundzwanzig Abhängigkeiten und einen Prozess, der zuerst erklärt, wie man den Prozess startet.

Manchmal reichen gutes HTML, nachvollziehbares CSS und etwas JavaScript genau dort, wo JavaScript tatsächlich etwas Sinnvolles zu tun hat.

Das ist kein Plädoyer gegen moderne Technik. Es ist nur die Erinnerung daran, dass Komplexität einen Zweck haben sollte.

              [Page_Build]

              > semantics: first

              > CSS: understandable

              > JavaScript: when useful

              > dependencies: explainable

              > result: Seite bleibt eine Seite

[workbench/archive]

Archivieren: Nicht löschen, erst verstehen

Comicillustration einer Werkstatt mit alten Webseiten, Disketten, CDs, Ausdrucken und Archivkartons — Alte Webseiten, Datenträger und Ausdrucke. Nicht alles davon muss wieder online – aber manches sollte auch nicht verschwinden.

Im Web ist Löschen sehr einfach. Schwieriger wird es zwanzig Jahre später, wenn jemand wissen möchte, wie etwas damals tatsächlich aussah.

Deshalb gehört zur Werkstatt auch das Archiv: alte Dateien, frühere Fassungen, Screenshots, Datenträger, technische Notizen und Originalmaterial.

Ein historisches Original darf alt aussehen. Eine moderne Rekonstruktion darf besser lesbar sein. Wichtig ist nur, dass beides nicht so vermischt wird, als wäre es dasselbe.

Eine Datei namens „final-neu2-wirklich-final-alt.htm“ ist kein gutes Archivsystem.
Aber nach genügend Jahren kann sie trotzdem eine Quelle sein.

[workbench/network]

Netzwerk: Irgendwo muss das Kabel hin

Comicillustration eines Tüftlers zwischen Netzwerkkabeln, Router, Telefonen und Werkzeugen — Kabelmanagement in seiner natürlichen Umgebung. Theoretisch hat jedes Kabel einen Platz.

Das Web wirkt heute gern schwerelos: Cloud, Plattform, Dienst, Konto, Synchronisation. Technisch hängt trotzdem erstaunlich viel an sehr realen Leitungen, Routern, Switches, Funkzellen, Servern und Stromversorgung.

Wenn eine Verbindung nicht funktioniert, hilft deshalb gelegentlich noch eine Methode aus der Zeit vor jedem Dashboard: dem Kabel folgen.

Nicht elegant. Nicht skalierbar. Aber bei zwei Geräten auf einer Werkbank manchmal beeindruckend effizient.

              [Connectivity_Check]

              > power: ON?

              > cable: connected?

              > link: present?

              > DNS: sensible?

              > patience: still available

[workbench/backup]

Backup: Die langweilige Arbeit, bis sie plötzlich spannend wird

Comicillustration eines zufriedenen Tüftlers bei der Datensicherung mit externen Laufwerken und alten Datenträgern — Ein erfolgreicher Sicherungslauf. Selten spektakulär – und genau das ist das Ziel.

Backups gehören zu den Tätigkeiten, deren Wert sich am angenehmsten dadurch beweist, dass jahrelang nichts Besonderes passiert.

Entscheidend ist nicht nur, dass irgendwo eine Kopie existiert. Interessant wird es bei den Fragen: Von wann? Von was? Wo liegt sie? Und lässt sie sich im Ernstfall tatsächlich wiederverwenden?

Eine Sicherung auf derselben sterbenden Festplatte ist technisch betrachtet eher moralische Unterstützung.

              [Backup_Check]

              > files: copied

              > config: copied

              > archive: copied

              > restore path: known

              > sleep_quality: improved

[workbench/browser-test]

Browsertest: „Funktioniert bei mir“ ist der Anfang, nicht das Ende

Comicillustration eines Tüftlers beim Testen derselben Webseite auf mehreren Computern, einem Tablet und einem Smartphone — Derselbe Inhalt auf mehreren Geräten. Pixel lügen nicht – sie verschieben sich nur gelegentlich.

Eine Webseite ist nicht fertig, nur weil sie auf dem Rechner gut aussieht, auf dem sie gerade gebaut wurde.

Unterschiedliche Bildschirmgrößen, Browser, Eingabemethoden und ältere Geräte sind keine exotischen Störungen. Sie gehören zum Web.

Deshalb wird getestet. Und wenn nach dem Test alles perfekt aussieht, ist ein zweiter Blick gelegentlich eine erstaunlich gute Idee.

              [Browser_Check]

              > desktop: check

              > mobile: check

              > keyboard: check

              > old browser: where sensible

              > if perfect: double-check

[workbench/rules]

Ein paar Regeln, die in der Werkstatt hängen bleiben

Erst schauen

Vor dem Umbau verstehen, was bereits funktioniert und warum. Besonders bei Dingen, die schon lange funktionieren.

Einfachheit ist ein Feature

Eine einfache Lösung ist nicht automatisch primitiv. Manchmal ist sie nur leichter zu verstehen, zu warten und zu erhalten.

Alt ist kein Fehlercode

Alte Technik und alte Webseiten dürfen ersetzt werden, aber Alter allein ist noch keine technische Begründung.

Backup vor Mut

Experimente sind deutlich entspannter, wenn der vorherige Zustand nicht nur in der Erinnerung existiert.

Mehr Werkstatt als Büro.
Mehr ausprobieren als präsentieren.
Und wenn etwas seit Jahren funktioniert, darf man vor dem Umbau ruhig einmal fragen, warum.

          [Werkstattstatus]

          HTML ............... läuft

          CSS ................ hält

          Backup ............. vorhanden

          Kabel .............. ungeklärt

          Browser ............ widersprechen sich

          Kaffee ............. kritisch

Rechtliche Hinweise

sslxy.de ist ein privates, nicht-kommerzielles Technik- und Webarchiv. Diese Seite beschreibt in bewusst humorvoller Form technische Tätigkeiten und Denkweisen. Sie ist kein Angebot für Reparatur-, Webdesign-, Programmier-, Beratungs-, Hosting-, Archivierungs- oder Supportdienstleistungen.

Die dargestellte Comicfigur ist eine Illustration und keine fotografische Darstellung einer bestimmten natürlichen Person. Aus Aussehen, Kleidung, Werkzeugen oder Umgebung soll keine konkrete Berufs- oder Personenidentität abgeleitet werden.

Maßgeblich für die Anbieter- und Verantwortlichkeitsangaben von sslxy.de sind die Angaben im Impressum. Informationen zur Verarbeitung personenbezogener Daten stehen in der Datenschutzerklärung.