Ciao, e benvenuto nella quinta puntata dell'ottava stagione. Nella scorsa puntata il CSS Zen Garden aveva convinto il mondo ad abbandonare le tabelle e a costruire i layout con il CSS. Ma c'è una domanda che rimane aperta: con quale strumento, esattamente, si costruivano quei layout nella nuova era pulita? Perché il CSS di allora non aveva ancora strumenti pensati per il layout. E la risposta, per oltre un decennio, fu una parola che evoca ricordi dolceamari a chi c'era: i float.
Facciamo un passo indietro per capire, perché la storia dei float è deliziosamente assurda. I float, letteralmente il galleggiamento, erano stati inventati per uno scopo preciso e molto limitato: far scorrere il testo attorno a un'immagine. Hai presente le riviste, dove un'immagine sta a sinistra e il testo le gira intorno, avvolgendola? Ecco, i float servivano esattamente a questo: dire a un'immagine "mettiti di lato e lascia che il testo ti scorra intorno". Uno strumento nato per un compito piccolo e specifico, l'avvolgimento del testo. Nient'altro.
E qui si ripete uno schema che nella nostra storia abbiamo già visto con le tabelle: gli sviluppatori presero uno strumento nato per una cosa e lo piegarono a farne un'altra completamente diversa. Si accorsero che, se facevi galleggiare non un'immagine ma un intero blocco di contenuto, potevi metterlo di lato, e affiancargliene un altro, e un altro ancora. E così, mattoncino dopo mattoncino, costruirono colonne, barre laterali, griglie: interi layout di pagina. Uno strumento pensato per far girare il testo attorno a una foto diventò, per necessità, il fondamento su cui si reggeva il layout dell'intero Web.
Funzionava? Sì, ma con una fragilità e delle stranezze che generarono una nuova generazione di trucchi e frustrazioni. Il problema principale era che i float, essendo nati per galleggiare fuori dal flusso normale, si comportavano in modi controintuitivi. Il più famoso: quando mettevi degli elementi galleggianti dentro un contenitore, il contenitore faceva finta che non ci fossero, e collassava su se stesso come se fosse vuoto, rovinando tutto ciò che stava sotto. Era un comportamento assurdo dal punto di vista di chi voleva solo fare delle colonne, ma perfettamente logico dal punto di vista dello strumento, che non era nato per quello.
Da qui nacque uno dei trucchi più famosi e più amati-odiati della storia del CSS, un rimedio a questo problema del collasso. Era un espediente, una piccola formula magica da incollare, che costringeva il contenitore ad accorgersi degli elementi galleggianti al suo interno e a comportarsi bene. Non aveva un senso ovvio, era una di quelle cose che si imparavano a memoria e si incollavano senza capirle fino in fondo, sapendo solo che funzionavano. Ogni sviluppatore di quell'epoca la conosceva, la copiava di progetto in progetto, e la considerava un rito di passaggio. Era il simbolo di un'epoca in cui il layout si faceva a furia di espedienti tramandati.
Voglio che tu colga l'assurdità poetica di questa situazione, perché è il cuore di questa puntata. Per anni, forse per più di un decennio, l'intero Web, tutti i siti che usavi, sono stati costruiti su uno strumento nato per far girare il testo attorno alle immagini, tenuto insieme da trucchi che nessuno amava ma tutti usavano. Non perché fosse la soluzione giusta, ma perché era la migliore disponibile. Era craft, artigianato fatto di ingegno e di pazienza, un modo di costruire cattedrali con strumenti improvvisati, esattamente come era stato per le tabelle, solo un gradino più pulito.
C'è però una differenza importante e positiva rispetto all'era delle tabelle, che segna il progresso. Con i float, almeno, la separazione era rispettata: il contenuto e la struttura restavano puliti, e tutta la logica del layout, per quanto contorta, viveva nel CSS, al posto giusto. Non si stava più mentendo sul significato del contenuto, come si faceva con le tabelle. Si stava solo forzando uno strumento di stile a fare più di quanto sapesse fare comodamente. Era un problema tutto interno al CSS, non più un inquinamento della struttura. Un passo avanti reale, anche se ancora faticoso.
E qui c'è una riflessione che riprende un filo di tutto il podcast e che vale oltre la tecnica. Guardando indietro, i float per il layout sembrano una follia. Ma erano l'unica strada, e gli sviluppatori che li padroneggiavano avevano competenze e pazienza notevoli. La storia della tecnologia è spesso questa: soluzioni imperfette che tengono in piedi il mondo finché non arriva qualcosa di meglio. Non bisogna disprezzare gli strumenti del passato: hanno permesso di costruire, di imparare, e di arrivare al passo successivo. Ogni epoca fa il meglio con ciò che ha, e passa il testimone alla successiva.
Per oggi ci fermiamo qui. Nell'era pulita dopo le tabelle, i layout si costruivano con i float, uno strumento nato per far girare il testo attorno alle immagini e piegato, per necessità, a reggere intere pagine. Funzionava a furia di trucchi tramandati, come il rimedio contro il collasso dei contenitori, in un artigianato fatto di ingegno e pazienza. Era imperfetto, ma rispettava finalmente la separazione tra contenuto e stile. Nella prossima puntata, un terremoto che avrebbe cambiato tutto di nuovo: l'arrivo del telefono e la nascita del design responsivo. Nelle note trovi qualche spunto. Se ti è utile, condividila. Grazie per l'ascolto, e ci sentiamo alla prossima.