2009-10-27 13 views
7

Ich habe all diese "Gitter" -Typ-CSS-Frameworks gesehen und bin immer noch ein bisschen verwirrt, was sie tun.was genau macht grid 960?

Ich verstehe, dass sie Ihnen helfen, schnell eine Seite zu erstellen, da das Layout für Sie bereits definiert ist, aber machen diese Frameworks bestimmte Dinge schwieriger?

+0

Siehe auch: http://stackoverflow.com/questions/203069/what-is-the-best-css-framework-and-are-they-worth-the-effekt/203133#203133 – bobince

Antwort

7

Es hängt davon ab, wie Sie CSS normalerweise zum Einrichten Ihrer Seiten verwenden. Sie verwenden weniger semantische Klassen ("indent-12" vs. "rail-content"), wenn das für Sie wichtig ist, aber sie lösen auch viele Layout-Probleme, denen die Leute begegnen.

Sie kümmern sich um die Notwendigkeit (meistens) für Schwimmer, die Designs schneller brechen können als ... nun, etwas schnell.

Was sie jedoch schwieriger machen, ist die Anpassung. Wenn Sie sich nicht die Zeit nehmen, um zu lernen, was diese Klassen bedeuten, kann es schwierig sein, die Dinge so aussehen zu lassen, wie Sie es möchten, weil Ihre CSS-Regeln mit etwas kollidieren könnten, von dem Sie nichts wussten.

Sie eignen sich hervorragend als Möglichkeit, von Tabellen auf CSS-basiertes Design umzustellen, und sie helfen auch wirklich, die "Grid" -Theorie des Designs zu implementieren, in der die Dinge sich in horizontalem und vertikalem Rhythmus befinden.

Take 'em oder verlassen' em (Ich verließ sie, aber sicher mit ihnen ein bisschen gespielt)

EDIT: habe ich beide 960 und blueprint, vor ungefähr 8 Monaten oder so. Unklar, wenn seither signifikante Veränderungen stattgefunden haben.

2

Grid 960 ist ein CSS-Framework. Hauptsächlich kann es Ihnen helfen, das Modell Ihrer Seite schneller zu entwickeln.

Sie können mehr darüber in diesem tutorial erfahren.

Viel Spaß!

1

Ich habe in der Vergangenheit verschiedene CSS-Frameworks untersucht und denke, dass sie viele CSS-Fehler entfernen, die zwischen Browsern auftreten. Wenn Sie jemals versucht haben, Ihr eigenes CSS zu erstellen, werden Sie die Probleme kennen das kommt auf. Wenn Sie Ihre eigene Vorlage haben, die Sie entwickelt haben, würde ich dabei bleiben, das ist, was ich getan habe. Ich bin damit vertraut und es ist sehr leicht.

2

Die Idee ist, nicht mehr in% s oder Pixel zu denken und in Spalten zu denken. Grid-Systeme automatisieren die Implementierung einer spaltenbasierten Positionierung. Mein Favorit ist Fluid 960 - ein Rastersystem, das seine Spalten auf die gesamte verfügbare Breite ausdehnt.

1

Ein 960 Grid ist ein Framework, das von der ersten Entwurfsphase an implementiert werden sollte. Es hilft sowohl dem Designer als auch dem Entwickler sauber organisierte UIs zu erstellen. Nach meiner Erfahrung hat das 960 Grid-System (http://www.960.gs) sehr geholfen, da es mir erlaubt, eine formatierte Seite schnell zu erstellen, ohne irgendwelche CSS-Dateien umschreiben zu müssen, egal was ein Client verlangt.I CSS-Stile wie folgt

.marginLeft20 { margin-left: 20px; } 

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

implementieren Dies bedeutet typischerweise ich ein div mit den oben genannten Klassen

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

angewendet machen können, wenn Sie auf Gittern mehr Informationen benötigen würde ich http://www.960.gs

0

Grid empfehlen Systeme/Frameworks sind eine Art Sandkasten, in dem alle Schaufeln, Eimer, Sand und Shaper bereitstehen, so dass du nur ein Werkzeug aufheben und mit dem Bau deines Schlosses beginnen musst.

Burt legt großen Wert darauf, dass Sie Ihr eigenes CSS und alle Browserprobleme, mit denen Sie konfrontiert werden, selbst erstellen. Je nach dem Projekt, an dem Sie gerade arbeiten, kann es sehr frustrierend sein!

Während das Framework, das Sie verwenden, einige Einschränkungen haben kann, lindert es auch einige Kopfschmerzen.