Seguici via Email o RSS

Tutti gli articoli su CSS

Grid Design CSS

"I web designers sono eccitati dalle piccole cose". Così scriveva Wilson Mailen circa due anni fa su A List Apart. Si riferiva all'avvento del rivoluzionario sistema noto come Grid Design, che ha permesso ai grafici del web di poter fare quello che i tipografi facevano da secoli su carta: disegnare oggetti su una superficie collocandoli dentro una griglia. Tutto parte con Khoi Vinh che realizza il primo prototipo per NYTimes.com I Vantaggi del Grid Design In sintesi il Grid Design è questo: la possibilità di utilizzare un framework CSS per disegnare una griglia sulla pagina bianca a partire dalla quale poter aggiungere oggetti e contenuti. I vantaggi sono importanti: a) Poter disegnare in modo semplice un layout: nessun problema di allineamento dei blocchi e degli oggetti. b) Realizzare pagine anche complesse in pochissimo tempo, senza doversi preoccupare di calcolare larghezze, margini, padding e persino typography. c) Ottenere un prodotto compatibile con tutti i browser in una singola codificazione. d) Poter osare soluzioni grafiche altamente ardite che siano progettate sull'intera pagina anziché sul singolo oggetto. Cosa penso del Grid Design Personalmente sono convinto che il grid design sia una delle più grandi invenzioni nel campo del web design. Probabilmente seconda solo all'invenzione del CSS. Il grid design consente di realizzare prodotti complessi in modo rapido, semplice e soprattutto nel rispetto di tutti gli standard. Le mie difficoltà sono state relative alla conoscenza del framework: occorre perdere un bel po' di tempo per imparare ed esplorare il framework in modo da sapere cosa personalizzare velocemente. Altrimenti si rischia di creare un css oltre quelli del framework appesantendo ulteriormente tutto. Infatti l'unico svantaggio che vedo è senza dubbio che la dimensione del css si ingigantisce non poco. Ma è una controindicazione relativa e minimale, rispetto ai vantaggi di un simile sistema. Personalmente trovo più utile utilizzare una griglia a cui abbino un mio personale ...
Design & GUI by Mushin | Many Thanks to FamFamFam (icons) & Konomedia (icons) | Hosted by MediaTemple