CSS und Frameworks?

Begonnen hat alles mit 960, das sich auch in aktuellen CSS-Frameworks (zumindest in abgewandelter Form) wiederfindet. Darauf aufbauend platziert sich z.B. Blueprint: Neben einem reinen Grid-System sind Vorgaben für Typographie, Abstände gegeben und das Prinzip Baukasten trifft hier wohl schon sehr zu. In aller Munde ist neuerdings das von Twitter entwickelte Bootstrap, das neben solchen Vorgaben schon viele fertige Elemente einer ausgereiften Benutzeroberfläche zur Verfügung stellt.

Vorteile

Die Vorteile eines CSS-Frameworks sind relativ eindeutig:

• Wiederverwendbarkeit
• featurereich
• schnelle Entwicklung möglich
• einheitliche Strukturen
• Browserkompatibilität
• …

Nachteile

Also spricht doch eigentlich nichts gegen die Verwendung dieser Frameworks, oder?

• Sonderwünsche
• Eigene Praktiken passen nicht in das Schema des Frameworks

So ein Framework muss vielen Ansprüchen genügen. Hier hilft der Open Source-Gedanke weiter: Frische Ideen und neue Trends können nur von einer großen Entwicklergemeinde in der benötigten Qualität bereitgestellt werden. Und so kommen auch die meisten bekannten CSS-Frameworks als Open Source-Projekte daher.

Da man nicht nur in Bereichen der Softwareentwicklung immer mehr zu wiederverwendbaren Lösungen neigt (etwa Prinzipien der Objektorientierung), sondern auch die Benutzeroberflächen immer mehr standardisiert werden können, mach hier die Verwendung einer gemeinsamen Basis sehr wohl sinn. Es bleiben die Ausnahmefälle, die spezielle Lösungen erfordern. Dennoch: auch hier lohnt sich ein Mehraufwand meistens, solche Features zu generalisieren und in vorhandene Frameworks zu integrieren.

Mit Entwicklungshelfern wie Less verfügen die CSS-Frameworks über Werkzeuge, die die Implementierungen stark vereinfachen.

Ein ganz anderer Aspekt: Benutzeroberflächen im Web werden dynamischer – heutzutage gibt es kaum noch eine erfolgreiche Webseite, die nicht über nützliche (wenn nicht gar spielerische) Effekte oder “Gadgets” verfügt. Sicherlich am meisten verbreiteten ist dazu JavaScript, was diverse Vorteile bietet.
Bootstrap z.B., von dem bereits oben die Rede ist, stellt mit diversen JQuery-Plugins Möglichkeiten bereit, noch mehr aus den UI-Elemente des CSS-Teils des Frameworks herauszuholen: Modals, Alerts, Dropdowns und ähnliches sind möglich.

Alles in allem macht es durchaus Sinn, mal einen Blick auf die CSS-Frameworks auf dem Markt zu werfen und sich mal daran auszutesten. Denn eines ist und bleibt klar: In Zukunft wird man ohne solche Hilfsmittel nicht mehr weit kommen.