2012-04-02 8 views
0

Ich bin auf der Suche nach einem Grid-System zu implementieren. Ich benutze bereits jQuery, jQuery UI und weniger. Nach vielen Recherchen stieß ich auf diese Lösung:Grenzen der Verwendung des semantischen Grid-Systems?

Bevor ich über die Implementierung nachdenke, würde ich es sehr schätzen, von jedem zu hören, der dieses Raster verwendet hat. Ich würde auch gerne wissen, ob jemand bessere Alternativen gefunden hat. Die Hauptsache, nach der ich suche, ist eine Flüssigkeit (muss em oder% verwenden) und ein ansprechendes Gitter.

Antwort

1

Nun, zum einen sind ungeordnete Listen, die ein Raster bilden (oder "Spalten" in dem Beispiel, auf das ich geklickt habe), nicht semantisch. Reihen? Säulen? Gitter? Das ist ein Tisch.

Soweit es in der Lage ist, Sachen schnell zu tun, ist es nie das große strukturelle Zeug, das Zeit isst, wenn Sie wirklich HTML-Fluss lernen und die Art und Weise, CSS verbessert/zwickt es. Es ist das körnige, nittirische Zeug, das zu einem Schmerz werden kann, wenn eine Menge willkürlicher Eigenschaften herumfliegen, weshalb ich dazu tendiere, vor den CSS-Bibliotheken/Frameworks zurückzuschrecken und einen Rasteransatz auf ein System zu setzen, das davon ausgeht Du arbeitest mit Flow.

Browser-Unterstützung hat es zu einem Schmerz gemacht, aber der Fluss ist überhaupt nicht durch das Design gebrochen. Tatsächlich ist es besonders leistungsfähig, besonders jetzt, da die schlimmsten unkooperativen Browser hinter uns liegen. Mein Rat ist, zuerst CSS ausführlich zu lernen. Entscheiden Sie dann, ob Sie ein Raster oder CSS-Framework möchten. Der Schlüssel zu den wenigsten Layout-Schmerzen IMO ist, es einfach und sparsam zu halten. Frameworks, auch gute, fügen immer mehr hinzu, als Sie brauchen. Was auch immer Sie tun, nehmen Sie an, dass es mindestens genauso viel Zeit braucht, um zu lernen, ein anständiges Framework zu verwenden, als um diese "a-ha!" Momente, die Menschen beim Lernen von CSS/HTML haben.

+0

Meine Meinung. Vielen Dank! –

1

Die Typen bei Twitter aufgebaut, die eine super rein ist: Twitter Bootstrap

Bootstrap auf einem ansprechenden 12-column grid aufgebaut ist. Wir haben auch Fixed-und Fluid-Breite Layouts basierend auf diesem System enthalten.

Ich habe es ziemlich ohne Probleme verwendet (und erweitert).

Verwandte Themen