È passato tanto tempo da quando Patrick Griffith aveva pubblicato l’articolo Elastic Design, anche su A List Apart.
Nel corso degli anni sono state presentate tecniche più o meno valide che rimarcavano la strada intrapresa da Griffith con quell’articolo: trovo tutti questi articoli decisamente utili in quanto il design elastic, a mio avviso, è il modo più logico per risolvere problemi del genere “design liquido contro fisso”, di font in pixel o percentuali, di switch che popolano i nostri siti e blog inutilmente. Peccato che la compatibilità cross browser ha sempre dato qualche problema.
L’articolo The Incredible Em & Elastic Layouts with CSS riprende quel filone di esperimenti: l’autore, Jon Tan, scrive un articolo per realizzare senza particolari problemi, layout basati sulla tecnica elastica, dando minuziose spiegazioni sul modesto calcolo matematico necessario per conoscere le reali dimensioni degli elementi che si stanno trattando, sia testo che elementi del layout.
Nell’articolo si cita anche un mio vecchio sogno: le immagini elastiche. Naturalmente mi riferisco alle immagini che non perdano di qualità qualora si aumentino le dimensioni. La soluzione sarebbe semplice: SVG. Purtroppo, allo stato attuale della quantità e della tipologia di browser utilizzati, non è possibile utilizzare le immagini vettoriali e l’implementazione di un Javascript che sostituisca le immagini inserite in altre di tipo SVG, per quei browser che ne permettono la visualizzazione, è un perditempo inutile da benefici quasi assenti.
Comunque godetevi le avventure dei due Super eroi del Web Design.
Update 2 novembre 2007: Esiste una traduzione in italiano dell’articolo di Jon Tan.