home » content, design, resources

Quick Resource: Responsive Grid System

» 29 January 2013post by @liquidskydesign

RGS – Responsive Grid System – è un applicativo estremamente flessibile e facilissimo da utilizzare per creare un sito completamente responsive; quante volte il cliente chiede sessantadue colonne e mezzo?
Con questo fantastico applicativo non ci saranno problemi nell’impostare un centinaio di colonne (beh, magari cento no ma una cinquantina.. why not?).

Si pregia di avere solo un paio di keyword da utilizzare: .last.end per poter definire fluidamente le dimensioni delle colonne che incorporano il contenuto – basandosi sulle percentualità.
La cosa migliore è che si adatta a qualsiasi layout HTML (CSS compresi) e non vi sono problemi nemmeno per la versione mobile del vostro website.

Alcuni esempi live action si possono vedere sui siti qui sotto.

RedWater Luxury Lodges  Caitlin Miller Tracy Franklin

Come?
Basta scaricare il sorgente da github e comporre la griglia come meglio si preferisce, utilizzando l’esempio sul sito, l’esempio fornito nell’archivio, il codice CSS e scegliere quale contenuto vi si adatta meglio.

The Spice Girls can make two become one. We can turn 8 into 4.
Much more satisfying.

 

All posts and images on ./lsd are under a copyleft licence and protected by Safe Creative; third party images are copyright of own creators.

 
 
Mitsume Temo & the Round Earth Committee
 

KVIrc: a quick banner for kvirc.virg0.org footer
Colors: librerie ordinate, multicolori, come una palette casalinga
Icone: 15+ set di icone social, Social e ancora Social
Icone: dal Giappone con furore!
Giovanni Allevi: ALIEN, tra musica e design