TheSquareGrid, un framework CSS con griglia a 35 colonne
Lunedì 11 Ottobre 2010 - 11:00
di napolux
TheSquareGrid è uno dei tanti framework CSS disponibili sul mercato. Quali sono le sue peculiarità rispetto ai moltissimi concorrenti? TheSquareGrid divide la griglia in ben 35 colonne (aumentando quindi le possibilità di organizzare il nostro layout).
La griglia stessa è larga 994px (è compatibile con gli schermi a 1024px, ma davvero per pochissimo) ed è compatibile con tutti i browser più diffusi (IE6 compreso).
Il reset applicato? Il celeberrimo CSS Reset di meyerweb.com, forse un po’ datato, ma sempre valido.
E voi usate framework CSS? Se sì quali?
Commenti
1
scusate l’OT… quel reset è datato? azz, mi sono perso qualcosa… voi quale usate? ne esistono di migliori? magari se si facesse un bel post sulla questione, penso che lo gradiremmo in molti ;)
# - postato da flux - 11 Ottobre 2010 - 12:29
2
HTML5 Boilerplate che, oltre ad includere un ottimo reset, evita di definire stili specifici per strutture a griglia (personalmente mai considerate come uno strumento utile)
# - postato da Fabrizio Calderan - 11 Ottobre 2010 - 13:58
3
YUI css + LESS parser
# - postato da devsmt - 11 Ottobre 2010 - 14:51
4
blueprintcss
# - postato da antonio lorusso - 12 Ottobre 2010 - 01:09
5
Blueprint e SASS
# - postato da Fabio Fabbrucci - 12 Ottobre 2010 - 09:25
6
960.gs ma anche questo mi sembra interessante.
@Fabrizio, peggio per te :)
# - postato da luglio7 - 12 Ottobre 2010 - 09:42
7
@luglio7: mi associo a Fabrizio.
Definire a priori una dimensione precisa di un layout e suddividerlo in unità predefinite è un metodo poco riutilizzabile in moltissimi casi.Personalmente il grid sistem che utilizzo è costituito da queste tre semplici regole:
body {
text-align: center;
}
.container {
margin: auto;
text-align: left;
}
.column {
display: inline;
float: left;
position: relative;
}Dopo di che, per adattare la griglia al progetto (e non il contrario), basterà definire, ad esempio:
.container {width: 950px}
#main {width: 500px}
#sidebar {width: 440px; left: 10px}Per me è una specie di 960.gs + SASS, ma senza SASS e 960.gs :D
Si possono poi riprodurre facilmente i vari push (left: xxx), pull (left: -xxx) o creare qualsiasi griglia di qualsiasi dimensione, definendo solo le regole che servono.Come vi sembra? :P
8
@francesco
io uso 1kbgrid e/o 960gs generando la grid in base la mio layout e mi trovo benissimo, la grid si deve adattare al progettoe non il contrario il fatto che sul sito ci siano degli esempi pregenerati non vuol dire che li si debba usar per forza, usando gridsystemgenerator puoi costruire il tuo layout con le impostazioni che vuoi sfruttando semplicemente la logica di base della grid che hai scelto di usare.
io penso che siano molto utili ;)