2009-10-27 13 views
7

Ho visto tutti questi framework css di tipo "grid" e sono ancora un po 'confuso su quello che fanno.cosa fa esattamente la griglia 960?

Capisco che ti aiutano a creare rapidamente una pagina poiché il layout è già definito per te, ma questi framework rendono certe cose PIÙ difficili?

+0

Vedere anche: http://stackoverflow.com/questions/203069/what-is-the-best-css-framework-and-are-the-worth-the-effort/203133#203133 – bobince

risposta

7

Dipende da come si utilizza in genere il CSS per impostare le pagine. Arrivano usando meno classi semantiche ("indent-12" vs. "rail-content") se questo è importante per te, ma risolvono anche molti problemi di layout che le persone tendono a imbattersi.

Si prendono cura del bisogno (principalmente) di galleggianti, che possono rompere i disegni più velocemente di ... beh, qualcosa di veloce.

Ciò che rendono più difficile, tuttavia, è la personalizzazione. Se non ti prendi il tempo per imparare cosa significano queste classi, può essere difficile far sembrare le cose come vuoi perché le tue regole CSS potrebbero scontrarsi con qualcosa che non sapevi.

Sono ottimi come un modo per passare dalle tabelle alla progettazione basata su CSS e aiutano anche a implementare la teoria della "griglia" del design, in cui le cose si allineano e sono in ritmo orizzontale e verticale.

Take 'em o lasciare' em (li ho lasciati, ma sicuramente giocato con loro un po ')

EDIT: ho usato sia 960 e blueprint, circa 8 mesi fa o giù di lì. Non chiaro se da allora sono avvenuti cambiamenti significativi.

2

Grid 960 è un framework CSS. Principalmente, può aiutarti a sviluppare più rapidamente il modello della tua pagina.

Ulteriori informazioni a riguardo sono disponibili in questo tutorial.

Divertiti!

1

Ho esaminato vari framework CSS in passato e penso che siano finalizzati a rimuovere molti dei bug CSS nitty che si incontrano tra i browser, se mai hai provato a trasmettere il tuo CSS personale conoscerai i problemi che viene fuori. Se hai il tuo modello che hai sviluppato, lo terrei con me, questo è quello che ho finito per fare. Conosco bene ed è molto leggero.

2

L'idea è smettere di pensare in termini di% s o pixel e iniziare a pensare in termini di colonne. I sistemi grid automatizzano l'implementazione del posizionamento basato su colonne. Il mio preferito è Fluid 960 - un sistema a griglia che estende le sue colonne a tutta la larghezza disponibile.

1

Una griglia 960 è un framework che deve essere implementato dalla fase di progettazione iniziale. Aiuta sia il progettista che lo sviluppatore a creare interfacce utente pulite e organizzate. Nella mia esperienza il sistema a griglia 960 (http://www.960.gs) mi ha aiutato molto perché mi consente di creare rapidamente una pagina formattata senza riscrivere i file CSS, non importa ciò che un cliente richiede.In genere a implementare gli stili CSS come la seguente

.marginLeft20 { margin-left: 20px; } 

.oneColumn { 
    float: left; 
    width: 60px; 
} 

Questo significa che posso fare un div con le classi di cui sopra applicato

<div class="oneColumn marginLeft20">This is a oneColumn example</div> 

Se avete bisogno di più informazioni su griglie Suggerirei http://www.960.gs

0

Griglia i sistemi/strutture sono una sorta di sandbox con tutte le pale, secchi, sabbia e shapers già pronti, quindi tutto ciò che devi fare è raccogliere uno strumento e iniziare a costruire il tuo castello.

Burt è un ottimo punto di riferimento per far ruotare il tuo CSS e tutti i problemi del browser che stai incontrando. Può creare un'esperienza molto frustrante a seconda del progetto su cui stai lavorando!

Mentre il framework che si sta utilizzando può avere alcune limitazioni, allevia anche alcuni grattacapi.