Elastic design

federicotags ·
Css beauty si dimostra sempre una buona fonte di risorse per i web designer. Questa mattina, dopo alcuni giorni di assenza, apro il mio feedreader, e trovo un interessante link sull'elastic design, un modo originale e intelligente di comporre le pagine web. Solitamente quando si realizza un layout per una pagina web ci si pone una domanda: Layout a larghezza prefissata o fluido?. Una soluzione può essere quella di rendere le scelte selezionabili dall'utente (tramite due pulsanti che cambiano dinamicamente il foglio di stile sfruttando javascript es.: Simplebits.com). Un'altra soluzione puo' essere quella di variare la dimensione del layout in funzione della dimensione dei caratteri del testo. In questo modo le proporzioni generali della pagina continuano ad essere rispettate e non si hanno più problemi di sovrapposizione del testo. Si puo' trovare una pagina dimostrativa su Css Zen Garden. Per capire la differenza provate a ridimensionare i caratteri (su Firefox premendo i tasti CTRL + o CTRL -) sia sulla pagina dimostrativa che sulla pagina della rivista on line ALA. Noterete, nel primo caso, che tutto il layout si ridimensionerà coerentemente con la dimensione dei caratteri mentre nel secondo caso cambieranno dimensione solo i caratteri del testo e il layout manterrà la stessa dimensione.