Ciao, e benvenuto nella prima puntata dell'ottava stagione di questo podcast. Nella settima stagione abbiamo spiegato come funziona il CSS, il linguaggio dello stile. Questa stagione racconta una storia diversa e affascinante: come ci siamo arrivati. È un viaggio nel tempo che parte dal Web senza stile degli inizi e arriva fino alla progettazione sistematica di oggi. Un percorso che va, come dice il titolo della stagione, dalla sperimentazione selvaggia alla standardizzazione del design. E oggi cominciamo dal principio: com'era il Web prima che il CSS esistesse.
Torniamo indietro, ai primissimi anni Novanta, quando il Web muoveva i primi passi. Era stato inventato con uno scopo preciso: condividere documenti tra ricercatori. La parola chiave è documenti. Non applicazioni, non esperienze grafiche: documenti di testo, con qualche collegamento tra loro. E il linguaggio della struttura, l'HTML delle origini, serviva esattamente a questo: marcare un titolo, un paragrafo, un elenco. Di aspetto, di design, di bellezza, non si parlava proprio. Era un Web fatto per essere letto, non per essere guardato.
Come apparivano quelle prime pagine? Semplicissime, quasi spoglie. Testo nero su sfondo grigio o bianco, collegamenti blu sottolineati, un carattere unico e uguale per tutti. E qui sta il punto cruciale: chi scriveva la pagina non decideva come appariva. Era il browser, il programma con cui la si leggeva, a scegliere come mostrare le cose. L'autore diceva cosa, il browser decideva come. Ognuno vedeva le pagine con lo stile deciso dal proprio browser, e l'autore non aveva praticamente voce in capitolo sull'aspetto.
Puoi immaginare che questo, presto, non bastò più. Il Web cominciò a diffondersi oltre i ricercatori, arrivarono le aziende, i creativi, chi voleva pagine belle e riconoscibili. E nacque un desiderio fortissimo: controllare l'aspetto. Volere che il proprio titolo fosse di quel colore, che il testo avesse quel carattere, che la pagina avesse una sua identità. Ma il linguaggio della struttura non era fatto per questo, non aveva strumenti per lo stile. E qui comincia la parte interessante, e un po' dolorosa, della nostra storia.
Cosa fecero, allora, per avere un po' di controllo sull'aspetto, in mancanza di uno strumento adatto? Cominciarono a piegare il linguaggio della struttura a fare cose per cui non era nato. Vennero aggiunte al linguaggio delle etichette che riguardavano l'apparenza: etichette per dire "questo testo sia di questo colore", "questo carattere", "questa dimensione". Sembrava una soluzione, ma era l'inizio di un disastro, perché mescolava due cose che, come abbiamo imparato nella settima stagione, dovrebbero stare separate: cosa è il contenuto, e come appare.
Perché era un disastro? Immagina di avere un sito di cento pagine, e di voler cambiare il colore di tutti i titoli. Se il colore è scritto dentro ogni singolo titolo, in ogni pagina, devi andare a modificarli tutti, uno per uno. Il contenuto e l'aspetto erano intrecciati in modo inestricabile, e ogni piccolo cambiamento di stile diventava un lavoro enorme e pieno di errori. Le pagine erano ingombre di istruzioni sull'apparenza, mescolate al contenuto, difficili da leggere e impossibili da mantenere. Era chiaro a tutti che serviva un'altra soluzione.
Ed è qui che, a metà degli anni Novanta, nasce l'idea che avrebbe cambiato tutto. Un ricercatore propose una soluzione elegante: e se togliessimo completamente lo stile dal linguaggio della struttura, e lo mettessimo in un posto separato, in un suo linguaggio dedicato? Un linguaggio che dicesse, in un unico luogo, "tutti i titoli di questo sito sono di questo colore". Così il contenuto resta pulito, e lo stile vive a parte, applicabile a tante pagine insieme. Questa idea, la separazione tra contenuto e presentazione, è la fondazione stessa del CSS, e uno dei principi più eleganti di tutto il Web.
L'idea prese forma e, verso la fine del millesimo novecento, nacque ufficialmente la prima versione del linguaggio dello stile, quello che oggi chiamiamo CSS. Sulla carta era la soluzione perfetta a tutti i problemi che abbiamo descritto: contenuto e aspetto finalmente separati, stile centralizzato e riutilizzabile, pagine più pulite. Sembrava l'inizio di una nuova era luminosa per il design del Web. E invece, come vedremo nelle prossime puntate, tra l'idea geniale sulla carta e la realtà quotidiana degli sviluppatori si sarebbe aperto un baratro fatto di anni difficili, di battaglie e di frustrazioni. La buona idea c'era; il mondo, però, non era ancora pronto ad accoglierla.
Per oggi ci fermiamo qui. Agli inizi il Web era fatto di documenti spogli, dove era il browser a decidere l'aspetto e l'autore non aveva controllo. Il desiderio di pagine belle spinse a piegare il linguaggio della struttura a fare lo stile, mescolando contenuto e apparenza in un pasticcio impossibile da mantenere. Da quel pasticcio nacque l'idea salvifica: separare lo stile in un linguaggio dedicato, il CSS. Ma l'idea, per anni, avrebbe faticato a diventare realtà. Nella prossima puntata entriamo negli anni bui, quelli delle tabelle e della guerra dei browser. Nelle note trovi qualche spunto. Se ti è utile, condividila. Grazie per l'ascolto, e ci sentiamo alla prossima.