Oggi vi segnaliamo una risorsa per realizzare un sito perfettamente ordinato.

Se come me alle volte vi trovate a dover inserire su un sito troppi contenuti in poco spazio questa risorsa vi tornerà molto utile e pratica da utilizzare.

The Grid System è un sito che raccoglie tutti gli Articoli, i Tools e anche i Templates sulle strutture dei siti a Griglie.

Cosa significa costruire un sito a Grid (Griglie) ?

Diciamo che le Grid integrano un modo di costruire siti usato in passato con le tecniche attuali: se agli albori di Internet si facevano siti usando le Tabelle, e purtroppo si vedono ancora orridi esempi fatti con le tabelle, adesso è noto a tutti (lo spero) che si costruisce l’impalcatura di un sito attraverso Tag come DIV e UL.

Le Grid sono un po’ l’ibrido di queste 2 esperienze, perché le Tabelle consentivano di squadrare il più possibile i contenuti dentro le varie Righe e Colonne col problema di avere siti che  non erano Cross-Browser (cioè con Firefox la tabella era perfetta, con Explorer era tutto spostato), mentre i DIV permettono la massima flessibilità nella struttura del sito ma costruire una struttura ordinata potrebbe farvi perdere qualche anno di vita; invece le Grid prendono il meglio delle Tabelle, cioè l’ordine, e lo inseriscono nelle strutture moderne, in pratica in poche semplici righe di Codice voi avete creato un sito perfetto, più preciso di Billy dell’ IKEA.

Fatto questo inciso per i Grafici Web, per semplificare la lettura ai Grafici che vivono di Photoshop e Illustrator, creare un sito attraverso il Grid System è molto semplice se siete abituati a utilizzare le Guide di disegno (CTRL+R per vedere i Righelli e CTRL+. per vedere le Guide), create varie colonne dove mettere i contenuti quando preparate il template grafico e poi utilizzate il metodo del Grid System per “montarlo” online.

Se avete bisogno di capire come funziona una Griglia su un sito, cliccate su SHOW GRID su thegridsystem.org e vedrete come è suddivisa una griglia a 6 colonne.

Inciso finale, queste strutture “rigide” create col Grid System hanno al momento una larghezza di 960px, perché ?

Perché è oramai definita come la larghezza magica per realizzare siti che siano apprezzabili dalla maggior parte degli schermi e suddivisibili nel modo migliore in colonne, l’idea iniziate risale addirittura al 2006.

Articoli Correlati:

• 
• 
• 
• 
•