Layout adattivi con YUI Grids
Lunedì 30 Giugno 2008 - 12:31
di Cesare Lamanna
Come molti di voi sanno, Yahoo ha da tempo messo a disposizione degli sviluppatori una completa libreria per la creazione di layout CSS basati su griglie: YUI Grids.
A questo framework abbiamo dedicato nella sezione CSS di HTML.it un articolo/tutorial curato da Gianluca Brindisi: Layout a griglia con Yahoo Grids. Ad esso vi rimando per gli approfondimenti del caso.
In particolare, nella terza pagina, viene affrontato il tema delle diverse opzioni a disposizione per definire la larghezza del layout. Al già ampio ventaglio di possibilità, se ne aggiunge ora uno nuovo: YUI AutoGrid. Il post di presentazione chiarisce bene di cosa si tratta: una soluzione mista CSS/Javascript per realizzare layout adattivi. In pratica, tramite lo script, si può selezionare automaticamente una delle quattro opzioni di base offerte dal framework in base alle dimensioni reali del viewport del browser. L’esempio, da testare provando a ridimensionare la finestra del browser, chiarisce bene il concetto e le modalità di funzionamento della tecnica.
Commenti
1
E’ una soluzione veramente interessante. La voglio studiare meglio per applicarla in qualche progetto personale, mi piace l’idea.
Peccato per i 30kb di javascript, sarebbe fantastico riuscire a ridurre ancora di più il peso degli script.
2
Bello questo framework… mi chiedo solo se sia possibile personalizzare anche la dimensione delle colonne interne… quelle di yui-b per capirci… da come è scritto sembra che il “contenitore” (ovvero il doc) posso personalizzarlo con il calcolo matematico, ma questo è possibile farlo con le colonne interne?
Inoltre, una volta scaricato il framework, devo includerlo tutto? O vado a pescarci solo i css che mi servono?# - postato da Alessandro - 02 Luglio 2008 - 12:37