Layout liquidi con i CSS
Lunedì 10 Ottobre 2005 - 09:00
di Alessandro Fulciniti
È nata da poco Liquid Designs, una galleria di siti basati sui CSS e rigorosamente con layout liquidi (o fluidi che dir si voglia). Un’ottima fonte di ispirazione, insomma, anche perché realizzare un layout di questo tipo, con una buona gestione dello spazio, una grafica accattivante e soprattutto un’adattabilità alle varie risoluzioni dello schermo non è sempre cosa semplice.
Oltre che nella Guida ai layout con i CSS, ci sono diversi articoli sull’argomento nella sezione PRO. È una buona occasione per ricordarli. Il primo della serie è quello
sui layout liquidi a due colonne, a cui sono seguiti l’articolo sul layout a tre colonne, e il recente Layout con i margini negativi.
Infine, credo che meriti uno studio attento l’esempio del
layout progressivo a tre colonne
(e in particolare la versione senza Javascript) presentato nel relativo articolo. Il layout, sebbene con colonne a larghezza percentuale, è basato sulla tecnica dei float opposti di cui si parla negli articoli Float: teoria e
pratica - II e Layout tutto-float.
Commenti
1
Ho notato che inseriscono in galleria anche le impaginazioni elastiche:
- http://www.kevinleitch.co.uk/w.....p/home.php
Interessante!
# - postato da Piero Fissore - 10 Ottobre 2005 - 13:53
2
Non ho capito cos’avrebbero di particolare nel layout questi siti. :B
# - postato da robalzi - 10 Ottobre 2005 - 14:18
3
Piero, il layout che hai citato è non è un layout elastico… ma semplicemente un layout liquido con due colonne a larghezza fissa.
Robalzi: i layout liquidi hanno come caratteristica principale il fatto di variare la propria larghezza al variare di quella della finestra del browser.
Credo che preparerò a breve un post con le diverse tipologie di layout ;-)
# - postato da Alessandro Fulciniti - 10 Ottobre 2005 - 20:38
4
Il link mi pare errato:
non è infatti http://liquid.rdpdesign.com/
bensì: http://www.cssliquid.com/M.
# - postato da samiel - 10 Novembre 2007 - 01:26