Webseiten bauen in den 90ern: Eine Liebeserklärung an das Chaos, das wir Programmieren nannten

Das Internet war nicht immer so poliert wie heute. Es gab eine Zeit, da war ein Besucherzähler ein Statussymbol, Geocities der Place to be, und "Baustelle"-GIFs galten als Pflichtdekoration. Wer in den 90ern Webseiten gebaut hat, erinnert sich an eine einfachere – manche würden sagen wildere – Ära des Web Developments.

Willkommen in der Zeit des kreativen Problemlösens ohne jegliche Dokumentation.

Das Spacer GIF: Der winzige Held des Layout-Engineerings

Vor Flexbox. Vor CSS Grid. Bevor jemand überhaupt an responsive Design dachte. Da gab es das 1x1.gif. Dieses transparente Pixel war das Schweizer Taschenmesser der 90er-Webentwicklung.

Du wolltest eine Spalte verschieben? Spacer GIF. Abstand zwischen Elementen schaffen? Spacer GIF. Etwas vertikal in einer Tabellenzelle zentrieren? Richtig geraten – Spacer GIF, kombiniert mit großzügigem Einsatz des height-Attributs auf 100% gesetzt.

Wir hatten keine responsiven Einheiten und keine Viewport-Berechnungen. Wir hatten ein transparentes Bild mit ungefähr null Bytes und ein Gebet, dass unsere tabellenbasierten Layouts nicht in Netscape Navigator 4 zusammenbrechen würden.

Die schöne Ironie? Diese Spacer GIFs waren im Grunde das erste minimalistische CSS-Framework der Welt. Ein Pixel. Unendliche Möglichkeiten. Totaler Hack. Wir haben jede Millisekunde geliebt.

Geschützte Leerzeichen: Wenn ASCII-Kunst auf Webdesign traf

      

Wer diese Sequenz als Kind getippt hat, verstand Macht. Das geschützte Leerzeichen war unsere Methode, um Einrückungen, Abstände und manchmal komplette visuelle Layouts zu erstellen – ohne CSS zu berühren (das sowieso kaum existierte).

Der Trick war einfach: genug  -Tags stapeln, und schon konnte man Inhalte dorthin schieben, wo man sie haben wollte. Eine eigene Button-Form brauchen? Einfach  -Zeichen stapeln. Visuelle Rahmen ohne Bilder? Einfach die Leertaste hämmern und Magic erleben.

War es semantisch? Definitiv nicht. War es barrierefrei? Lieber Gott, nein. Aber lief es auf 800x600-Monitoren über Modemverbindungen? Kannst deinen 56k-Modem darauf verwetten.

Die Ära der Marquee- und Blink-Tags

CSS-Animationen heute sind flüssig, performant und respektieren Nutzerpräferenzen. In den 90ern hatten wir das <marquee>-Tag für滚动文本 und <blink> für Texte, die man beim Lesen zerreißen wollte.

Beide zu kombinieren war der Gipfel der Innovation. Du hattest nicht wirklich programmiert, bis du eine blinkende Ankündigung in ein滚动banner verschachtelt hattest, alles verpackt in ein Font-Tag mit Größe "1", weil kleiner gleich professioneller.

<marquee>
  <blink>
    <font size="1" color="purple">
      WILLKOMMEN AUF MEINER HOMEPAGE!!!1
    </font>
  </blink>
</marquee>

Das war unser React. Das war unser Vue. Das war das Framework, das eine Generation von Teenager-Programmierern in ganz Amerika vereint hat.

CSS: Die "text-decoration: none"-Revolution

Als CSS endlich aufkam, weißt du, was wir damit als Erstes gemacht haben? Wir haben die Unterstreichungen bei Links entfernt.

a {
  text-decoration: none;
}

Das war's. Das war CSS' großer Auftritt auf den meisten Webseiten. Wir haben die visuelle Orientierung entfernt, die Nutzern zeigte, wo sie klicken konnten – weil wir ehrlich gesagt Unterstreichungen hässlich fanden.

Wir haben auch cursor: hand verwendet (bevor cursor: pointer zum Standard wurde) und gelegentlich Border-Effekte. Rein dekorativ. Null praktischer Nutzen. Absolut notwendiges Flair.

DHTML: JavaScript trifft Chaos

DHTML – Dynamic HTML – sollte alles verändern. Durch die Kombination von CSS-Manipulation mit JavaScript konnten wir wirklich interaktive Erlebnisse schaffen. Zum Beispiel:

• Schneeflocken, die über den Bildschirm fielen
• Alert-Boxen beim Laden der Seite
• Akkordeon-Menüs aus Image Maps
• Custom Marquee-Effekte mit <div>-Tags

Das Web war voll von " Cutting-Edge"-Skripten von Seiten wie Dynamic Drive. Du hast keine Funktionalität geschrieben – du hast 50 Zeilen Code kopiert, die du nicht verstanden hast, und gebetet, dass es im Internet Explorer und Netscape funktioniert.

Das war im Grunde die Ära des Copy-Paste von Stack Overflow-Antworten, bevor es Stack Overflow gab. Wir waren alle nur stolpernde Entwickler, die versuchten, <div>-Elemente unmögliches tun zu lassen.

Pixel-Schriften und Splash Screens

Ach ja, Pixel-Schriften. Weil Systemschriften für Leute waren, die Fontself noch nicht entdeckt hatten.

Webentwickler in den 90ern wurden zu Amateur-Typografen, besessen von winzigen, eckigen Schriftarten, die bei 6pt scharf aussahen. Comic Sans war revolutionär (und tatsächlich cool). Tahoma war die Wahl der Profis. Alles andere war verdächtig.

Viele Webseiten begannen mit Splash Screens – großen Bildern mit "Hier klicken zum Betreten"-Buttons. Warum? Weil Ladezeiten lang genug waren, um genauso gut einen visuellen Zwischenschritt einzubauen. Außerdem machte das deine Seite wie ein Kino wirken. VIP-Behandlung.

Was wir aus dem Chaos gelernt haben

Das ist das Ding an der 90er-Webentwicklung: Wir haben das Internet in Echtzeit herausgefunden. Keine Tutorials. Keine Dokumentation. Nur "Quelltext anzeigen", Trial and Error und IRC-Kanäle für Fehlersuche.

Wir haben gelernt:

• Einschränkungen bringen Kreativität hervor. Begrenzte Tools haben kreative Lösungen erzwungen.
• "Es funktioniert" ist gültig. Production-ready bedeutete manchmal einfach "funktioniert gut genug".
• Das Web entwickelt sich weiter. Was sich heute brandaktuell anfühlt, wird morgen Nostalgie sein.

Die Webentwicklung von heute ist unendlich mächtiger. Wir haben responsive Frameworks, CSS-Variablen, JavaScript, das nicht mehr Netscape zum Absturz bringt, und Hosting-Plattformen wie NameOcean, die Deployment fast zu einfach machen. Aber wir haben auch etwas verloren – diesen improvisierten DIY-Geist, bei dem du etwas aus reiner Entschlossenheit und ein paar HTML-Tags gebaut hast.

Das Erbe lebt weiter

Die 90er-Webdev-Generation ist erwachsen geworden und hat das moderne Internet mitgebaut. Wir haben dieses kreative Chaos in Frameworks, Tools und Plattformen gegossen, die Entwicklung zugänglicher machen als je zuvor.

Also, das nächste Mal, wenn du eine Domain aufsetzt, eine statische Seite deployst oder darüber staunst, wie einfach Cloud Hosting geworden ist – dann zoll den Spacer-GIF-Generation Respekt. Wir haben vielleicht Tabellen für Layouts und   für Abstände verwendet, aber wir haben das Fundament für das Web gelegt, das du heute genießt.

Und jetzt entschuldigt mich – ich muss cursor: url(fireball.gif) in mein CSS einfügen und sehen, was passiert.

Was ist deine früheste Webentwicklungs-Erinnerung? Schreib sie in die Kommentare – oder unterschreib einfach mein Gästebuch. Die Nostalgie ist immer geöffnet.