2009-06-18 11 views
6

CSS-Frameworks haben schöne Stile eingebaut und bitten Sie, sich auf die Gitter zu konzentrieren, aber immer noch gibt es ein bisschen Abhängigkeit und Mangel an Freiheit, die es bietet .. Wenn ich eine Webseite erstellen muss, indem ich auf einem PSD-basierten Mockup-Bildschirm Ich werde die vom Framework bereitgestellten Klassen verwenden, aber wenn diese tatsächlichen Messungen nicht existieren, muss ich wieder meine eigenen Regeln angeben, die zu meiner CSS-Dateigröße addiert werden und wenn die Leistung eine Einschränkung ist, wie immer ... ist kein großer Wert Dateigröße ... obwohl es in kb aber jeder Tropfen zählt.Sollten wir ein CSS-Framework verwenden? Sind sie es wert?

Alle Kommentare und Vorschläge, um das Framework in bestmöglicher Weise zu verwenden.

+8

Ich kann die akzeptierte Antwort in dieser Frage nicht genug empfehlen: http://stackoverflow.com/questions/203069/what-ist-best-css-framework-and-are-they-worth-the- Anstrengung - Ich denke, es nagt es. –

Antwort

8

Css-Frameworks sind nicht wie die regulären Code-Frameworks/Bibliotheken, die Funktionen zur Verfügung stellen, mit denen Sie Ihre Arbeit schneller erledigen können. Es ist eher wie eine Starter-Datei, die Sie die Zeit des Schreibens von CSS speichert, die Sie in allen verwenden Ihre Projekte.

Sagen, dass ich wirklich glaube, der beste Weg, um ein CSS-Framework zu verwenden ist, um zu sehen, welche CSS Sie häufiger verwenden und erstellen Sie ein selbst entwickeltes CSS-Framework. Persönlich verwende ich die gleichen Reset- und Typografie-Regeln für die meisten meiner Projekte. Ich habe eine Sammlung von verschiedenen Gittern, aber das unterscheidet sich je nach Art des Projekts. Nicht alle Designs funktionieren mit einem Raster.

Bevor ich versucht habe, ein vorgefertigtes Framework zu verwenden, habe ich Zeit damit verschwendet, Stile zu entfernen oder einige der Stile aus dem Framework zu bearbeiten. Das ist nur von meiner Erfahrung mit Frameworks, ich kenne Leute, die die Arbeit mit Blueprint lieben und darauf schwören.

+0

homegrown's eignen sich hervorragend für individuelle Projekte mit einem Entwickler, der niemals Code teilt. Andernfalls sollten die Vorteile von Community-Tools, die Sie nicht "lernen" müssen, nicht unterschätzt werden. Einen Rahmen zu lernen, einschließlich eines selbstgewachsenen, kann verglichen werden mit dem Erlernen einer neuen Computersprache, in der es einige Zeit braucht! –

+0

+1 mit Michael Durrants Kommentar als Vorbehalt. –

11

Ich denke, ein Stil-Reset ist großartig - aber ein Framework ist zu limitierend. Sie werden gezwungen, ihre Klassen usw. zu verwenden.

Dies könnte zu einigen inkonsistenten Klassennamen führen, wie zum Beispiel wenn Sie eine Website haben, die Wörter mit einem Bindestrich trennt (-) und dann ein Raster mit dem Unterstrich verwendet (_).

Sie müssen auch kaufen in zu diesem Rahmen, wie in adoptieren es für Ihre gesamte Website (wenn die Hauptvorlage es verwendet).

Siehe UnobtrusiveCss für ein Lachen :).

+0

Link funktioniert nicht – Jason

+0

Es sollte jetzt funktionieren - ich denke, sie haben es aktualisiert, sobald ich es gepostet habe! @ Shog9 - Aw Ich dachte, es könnte funktionieren, die im Cache gespeicherte Version! – alex

+0

"aber ein Framework ist zu limitierend". Seufzer. Schreiben Sie also alles von Grund auf neu, lernen Sie Dutzende von verschiedenen Browsern und Versionen, verwenden Sie Ihre eigenen "Best Practices", erstellen Sie ein Systemmodell, von dem andere lernen müssen? Schild. Alex, ich weiß zu schätzen, dass du mit 80.000 Punkten hypersmart bist. Ich persönlich glaube nicht, dass die hier vorgeschlagene Antwort für die 99% der normalen Entwickler funktionieren wird. imho und mein 1/50 eines Dollars natürlich :) –

0

CSS-Frameworks sind meine Lieblingswerkzeuge zum Entwerfen einer Seite, werfen Sie einen Blick auf 960er.gs ein schönes Gitter-Framework.

Ok du bist etwas begrenzt über die Größen, aber du bist in der Lage, deine Seiten viel schneller zu gestalten, nach einer Woche kennst du alle Klassen.

+0

Ist nicht 960 gs mehr wie ein Muster als ein Framework? (Sorry, es ist hier, kann aber noch keine Kommentare abgeben.) – buddy

0

Also die Moral der Geschichte ist Verwendung css zurückgesetzt und visuelle Hilfe für die Fehlersuche ein Rasterbild im Körper wird das notwendige tun. Pic-Objektiv-Addon wird sicherlich helfen, Pixel zu entsprechen. Vielen Dank für Ihre ermutigende Antwort

1

Ich denke, es ist eine Frage der Verwendung des richtigen Tools für den Job.

Ich benutze BluePrint CSS sehr und es hilft mir sehr schnell, Standard-Webseiten zu erstellen. Meistens ist das genau das, was meine Kunden wollen. Wenn ich tiefer graben muss - ich werde mein eigenes CSS für diesen Job rollen -, aber es macht die Website teurer und dauert ein bisschen länger, um zu entwickeln und zu testen.

Ich glaube nicht, dass CSS-Frameworks eine Alternative zum Erlernen von CSS sind, sie helfen Ihnen einfach, Standard-Dinge schnell und einfach zu erledigen.

Hoffe, dass hilft?