Websites i 90'erne: En hyldest til det kaos vi kaldte kodning

Internettet var ikke altid så poleret. Der var en tid, hvor din besøgstæller var et statussymbol, Geocities var det eneste rigtige sted at være, og "under opførelse"-gif'er var obligatorisk dekoration. Hvis du byggede hjemmesider i 90'erne, husker du en simplere – nogle vil sige mere kaotisk – æra af webudvikling.

Velkommen til en tid med kreativ problemløsning uden en eneste linje dokumentation.

Spacer GIF'en: Den lille helt i layout-konstruktionen

Før Flexbox, før CSS Grid, før nogen overhovedet havde drømt om responsivt design, var der 1x1.gif. Denne transparente pixel var schweizerkniven i 90'ernes webudvikling.

Skulle du skubbe en kolonne til højre? Spacer GIF. Ville du have lidt luft mellem elementer? Spacer GIF. Forsøgte du at centrere noget lodret i en tabelcelle? Ja, det samme – spacer GIF kombineret med flittig brug af height-attributten sat til 100%.

Vi havde ikke responsive enheder eller viewport-beregninger. Vi havde et transparent billede på cirka nul bytes og en bøn om, at vores tabelbaserede layouts ikke ville kollapse i Netscape Navigator 4.

Den smukke ironi? De spacer GIF'er var faktisk verdens første minimalistiske CSS-framework. Én pixel. Uendelige muligheder. Komplet hack. Vi elskede hvert eneste millisekund.

Non-Breaking Spaces: Hvor ASCII-art mødte webdesign

      

Hvis du skrev denne sekvens som barn, forstod du magt. Non-breaking space-entiteten var måden, vi skabte indrykning, mellemrum og til tider hele visuelle layouts uden at røre CSS (som stort set ikke eksisterede alligevel).

Tricket var simpelt: stab så mange  -tags, og du kunne skubbe indholdet lige derhen, du ville. Skulle du bruge en speciel knapform? Stab  -tegn. Ville du have en visuel ramme uden billeder? Bare ham løs på mellemrumstasten og se magien ske.

Var det semantisk korrekt? Overhovedet ikke. Var det tilgængeligt? Kære Gud, nej. Men virkede det på 800x600-skærme med dial-up-forbindelse? Sved dit 56k-modem på det.

Æraen med Marquee og Blink Tags

CSS-animationer i dag er flydende, optimerede og respekterer brugerens præferencer. I 90'erne havde vi <marquee>-tagget til rullende tekst og <blink> til at gøre ting umulige at læse.

At kombinere de to var topmålet af innovation. Du havde ikke rigtig kodet, før du havde indlejret en blinkende besked inde i en rullende boks, pakket ind i et font-tag med størrelse sat til "1" fordi mindre betød mere professionelt.

<marquee>
  <blink>
    <font size="1" color="purple">
      VELKOMMEN TIL MIN HJEMMESIDE!!!1
    </font>
  </blink>
</marquee>

Det var vores React. Det var vores Vue. Det var frameworket, der forenede en hel generation af teenage-kodere på tværs af Danmark og verden.

CSS: Revolutionen "Text Decoration: None"

Da CSS endelig dukkede op, ved du, hvad vi først brugte det til? Vi fjernede understregningerne på links.

a {
  text-decoration: none;
}

Det var alt. Det var CSS's store debut på de fleste hjemmesider. Vi fjernede det visuelle hint, der fortalte brugerne, hvor de kunne klikke, fordi vi ærligt talt syntes, understregninger var grimme.

Vi tilføjede også cursor: hand (før cursor: pointer blev standard) og til tider nogle border-effekter. Helt dekorativt. Null praktisk formål. Absolut essentielle vibes.

DHTML: JavaScript Møder Kaos

DHTML – Dynamic HTML – ville ændre alt. Ved at kombinere CSS-manipulation med JavaScript kunne vi skabe virkelig interaktive oplevelser. Som for eksempel:

• Snefnug der faldt henover skærmen
• Advarselsbokse der poppede op når siden loadede
• Accordion-menuer bygget fra imagemaps
• Brugerdefinerede marquee-effekter med <div>-tags

Nettet var fyldt med "banebrydende" scripts fra sites som Dynamic Drive. Du skrev ikke funktionalitet – du kopierede 50 linjer kode, du ikke forstod, og bad til at det virkede i både Internet Explorer og Netscape.

Det var i bund og grund en æra med at kopiere Stack Overflow-svar før Stack Overflow eksisterede. Vi var alle bare fumlende udviklere, der prøvede at få <div>-elementer til at gøre det umulige.

Pixel-Fonte og Splash Screens

Ah, pixel-fonte. For systemfonte var til folk, der ikke havde opdaget Fontself endnu.

Webudviklere i 90'erne blev hobby-typografer, besat af små, blokske skrifttyper, der så skarpe ud ved 6pt. Comic Sans var revolutionerende (og faktisk ret cool). Tahoma var det professionelle valg. Alt andet var mistænkeligt.

Mange hjemmesider startede med splash screens – store billeder med "Klik her for at komme ind"-knapper. Hvorfor? Fordi loadetiderne var lange nok til, at man lige så godt kunne tilføje et visuelt mellemlag. Plus, det fik din side til at føles som en biograf. VIP-behandling.

Hvad Vi Lærte af Kaosset

Her er sagen med 90'ernes webudvikling: Vi fandt internettet ud i realtid. Ingen tutorials. Ingen dokumentation. Bare "vis kilde", trial and error, og IRC-kanaler til fejlfinding.

Vi lærte:

• Begrænsninger avler kreativitet. Begrænsede værktøjer tvang os til kreative løsninger.
• "Det virker" er validt. Produktionsklar kode betyder nogle gange "godt nok til at virke."
• Internettet udvikler sig. Det der føles banebrydende i dag, bliver nostalgisk i morgen.

Nutidens webudvikling er uendeligt mere kraftfuld. Vi har responsive frameworks, CSS-variabler, JavaScript der ikke crasher Netscape, og hosting-platforme som NameOcean der gør deployment næsten for nemt. Men vi mistede også noget – den scrappy DIY-ånd, hvor du byggede noget fra ren viljestyrke og en håndfuld HTML-tags.

Arvem Lever Videre

90'er-webudvikler-generationen voksede op og blev de mennesker, der bygger internettet i dag. Vi tog den kreative chaos og kanaliserede den ind i frameworks, værktøjer og platforme, der gør udvikling mere tilgængelig end nogensinde.

Så næste gang du spinner et domain op, deployer et statisk site eller undrer dig over, hvor nemt cloud hosting er blevet, så læg en tanke til spacer GIF-generationen. Vi brugte måske tabeller til layout og   til mellemrum, men vi lagde fundamentet til det internet, du nyder i dag.

Undskyld, nu skal jeg tilbage til at tilføje cursor: url(fireball.gif) til min CSS og se hvad der sker.

Hvad er din første webudviklings-hukommelse? Skriv den i kommentarerne – eller bare skriv i min gæstebog. Nostalgien er altid åben.