Mes années de coding sauvage : ce qu'on a bâti sur des tables HTML et de l'obstination

Il fut un temps où计数器 de visiteurs était un symbole de réussite, où Geocities représentait le nec plus ultra du web, et où les GIF "en construction" ornaient fièrement chaque page d'accueil.

Si t'as commencé à coder dans les années 90, tu te souviens. Une époque où zéro docu disponible, mais zéro limite à l'imagination non plus.

Bienvenue dans l'ère du débrouillage total.

Le spacer GIF : le héros minuscule du layout

Avant Flexbox. Avant CSS Grid. Avant même qu'on ose imaginer des sites qui s'adaptent aux écrans.

Il y avait la célèbre image 1x1.gif. Ce pixel transparent pesait rien du tout. Et pourtant, c'était notre meilleur ami.

Tu voulais décaler une colonne ? Spacer GIF. Créer de l'espace entre deux blocs ? Spacer GIF. Centrer du texte verticalement dans un tableau ? Spacer GIF + height="100%" un peu partout.

Pas de responsive units. Pas de calculs viewport. Juste une image invisible et l'espoir que ton layout en tableaux tiendrait sur Netscape Navigator 4.

Le comble ? Ces spacer GIF étaient ni plus ni moins le premier framework CSS minimaliste. Un pixel. Des possibilités infinies. Du grand n'importe quoi.

On adorait ça.

Les espaces insécables : quand l'ASCII rencontre le design

      

T'as déjà tapé cette combinaison adolescente ? Tu savais ce que c'était, le pouvoir.

L'entité espace insécable servait à tout. Indenter du texte. Créer de l'espacement. Dessiner des mises en page entières. Le CSS existed à peine, alors on bidouillait.

Tu empilais assez de  , et hop, ton contenu se déplaçait où tu voulais. Tu voulais une forme de bouton bizarre ? Tu empilais. Un effet de bordure sans images ? Tu cognais sur la barre espace.

C'était sémantique ? Absolutely not. Accessible ? Prière de pas vérifier.

Mais sur un écran 800x600 en 56k ? Ça marchait. Point final.

L'ère du marquee et du blink

Aujourd'hui, les animations CSS sont fluides, performantes, et respectent les préférences utilisateurs.

En 1997, on avait <marquee> pour défiler du texte. Et <blink> pour rendre la lecture impossible.

Combiner les deux ? C'était l'innovation pure.

<marquee>
  <blink>
    <font size="1" color="purple">
      BIENVENUE SUR MA PAGE D'ACCUEIL!!!1
    </font>
  </blink>
</marquee>

C'était notre React. Notre Vue. Notre framework qui réunissait toute une génération de codeurs adolescents.

CSS : la révolution du "text-decoration: none"

Quand le CSS est arrivé, tu sais ce qu'on a fait en premier ?

On a viré les soulignements des liens.

a {
  text-decoration: none;
}

C'était ça. Le grand baptême du CSS. On supprimait l'indice visuel qui indiquait où cliquer. Parce que les soulignements, bof.

On ajoutait aussi cursor: hand (avant que cursor: pointer devienne la norme). Parfois des effets de bordure.

Purement décoratif. Zéro intérêt pratique. Vraiment indispensable.

DHTML : le chaos dynamique

DHTML. Dynamic HTML. Ça allait tout changer.

En mélangeant manipulation CSS et JavaScript, on pouvait créer des expériences vraiment interactives :

• Des flocons de neige qui tombaient
• Des alertes au chargement de la page
• Des menus accordéon bâtis sur des image maps
• Des effets de défilement personnalisés

Le web était inondé de scripts "ultra-modernes" piochés sur Dynamic Drive. Tu ne codais pas une fonctionnalité. Tu copiais 50 lignes incompréhensibles et tu espérais que ça marche. Sur Internet Explorer ET Netscape.

Autrement dit : l'ère Stack Overflow avant Stack Overflow. On était tous des développeurs qui tâtonnaient dans le noir.

Les polices pixelisées et les écrans de chargement

Ah, les polices pixelisées. Parce que les polices système, c'était pour ceux qui connaissaient pas encore Fontself.

Les développeurs web des années 90 sont devenus des typographes amateurs. Obsédés par les fontes minuscules et blocky qui restaient lisibles à 6pt. Comic Sans était révolutionnaire (et vraiment cool). Tahoma, c'était le choix des pros. Le reste ? Suspect.

Beaucoup de sites commençaient par un splash screen. Une grande image avec un bouton "Cliquez ici pour entrer".

Pourquoi ? Parce que les temps de chargement permettaient largement d'ajouter une étape intermédiaire. Et puis ça faisait cinéma. Du vrai traitement VIP.

Ce qu'on a appris dans le bordel

Voici le truc sur le développement web des années 90 : on construisait l'internet en live.

Pas de tutoriels. Pas de documentation. Juste "afficher source", essayage au pif, et les canaux IRC pour résoudre les problèmes.

On a appris ça :

• Les contraintes boostent la créativité. Outils limités = solutions inventives.
• "Ça marche" suffit parfois. Prod-ready peut vouloir dire "suffit amplement".
• Le web change tout le temps. Ce qui est先锋 aujourd'hui sera vintage demain.

Le dev web actuel est infiniment plus puissant. Des frameworks responsive, des variables CSS, du JavaScript qui crash plus, et des hébergeurs comme NameOcean qui rendent le déploiement presque trop simple.

Mais on a perdu quelque chose. Cette énergie débrouillarde. Cette envie de construire avec rien d'autre que de la détermination et quelques tags HTML.

L'héritage continue

La génération web des années 90 a grandi. On construit maintenant l'internet moderne.

On a transformé ce chaos créatif en frameworks, outils, plateformes qui rendent le dev plus accessible que jamais.

Du coup, la prochaine fois que tu configures un domaine, que tu déploies un site statique, ou que tu marvel devant la simplicité de l'hébergement cloud aujourd'hui... Tire un chapeau à la génération spacer GIF.

On a utilisé des tableaux pour la mise en page. Des   pour l'espacement. Mais on posait les fondations du web que tu utilises maintenant.

Maintenant si tu m'excuses, je vais ajouter cursor: url(fireball.gif) dans mon CSS et voir ce que ça fait.

Quelle est ta première victoire en développement web ? Balance-la en commentaire — ou signe mon livre d'or. La nostalgie est toujours ouverte.