- Mittwoch
- 25. Juni 2008
CSS-Frameworks: Eine tabellarische Übersicht
Was bisher geschah
In den letzten Wochen hat im Internet eine regelrechte Schlacht zwischen Anhängern von fixen (Grid-) Layouts und flexiblen Layouts stattgefunden. Diese Auseinandersetzung war auch nicht unwesentlich von der Frage nach dem richtigen CSS-Framework geprägt. Einzelheiten können den Links am Ende dieses Beitrags entnommen werden.
Mein Plädoyer für flexible Seitenlayouts habe ich bereits abgeben.
Ob und gegebenenfalls welches (X)HTML/CSS-Framework man für das Erstellen von Webseiten verwenden sollte, hängt von vielen Faktoren ab. Ich habe einfach mal die wohl bekanntesten CSS-Frameworks zusammen mit den Kriterien tabellarisch gegenübergestellt, die aus meiner Sicht für die Auswahlentscheidung besonders relevant sein dürften.
CSS-Frameworks: Eine tabellarische Übersicht
| Framework/ Kriterien |
YAML | YUI Grids | Blueprint | GridEasy |
|---|---|---|---|---|
|
Seitenlayout
|
fest (px), elastisch (em) oder flexibel (%) |
fest (px), elastisch (em) oder flexibel (%)
|
fest (px)
|
fest (px)
|
|
Blog-/CMS-Integration
|
Joomla, Typo3, Expression Engine, xtCommerce, Papoo, ZMS, Papaya, Drupal, WordPress1, WordPress2, WordPress3
|
nicht bekannt
|
nicht bekannt
|
nicht bekannt
|
|
Sprache
|
deutsch, englisch
|
englisch
|
englisch
|
deutsch
|
|
Doku
|
||||
|
Builder/
Generator |
nein
|
|||
|
Community
|
nein
|
|||
|
CSS-Reset
|
||||
|
Lizenz (Preis)
|
BSD (kostenlos)
|
MIT (kostenlos)
|
GNU (kostenlos)
|
Eine Gewähr für die Richtigkeit der Angaben, die ich nach bestem Wissen und Gewissen im Internet recherchiert habe, kann ich nicht übernehmen, bin aber für Korrekturhinweise jederzeit dankbar.
Vorsorglich möchte ich noch darauf hinweisen, dass ich bisher nur praktische und sehr gute Erfahrung mit YAML gemacht habe. Konkret: Dieses WordPress-Blog und die Website www.jurafernstudium.de.
Zum Schluss noch einige Links bezüglich CSS-Frameworks:
- CSS-Frameworks bei Wikipedia (en)
- Definitive List of CSS Frameworks – Pick Your Style bei w3avenue.com (Nachtrag vom 22. September 2009)
- Frameworks for Designers von Jeff Croft
- Why I don’t use CSS Frameworks von Kyle Neath
- Please do not Use CSS Frameworks von Jonathan Christopher
- Treading Lightly with CSS Frameworks von Gary Barber
- Should we use CSS frameworks? von Rey Bango
- What’s not to love about CSS frameworks? von Jeffrey A. Croft
- CSS Frameworks + CSS Reset: Design From Scratch vom Smashing Magazine
- CSS-Frameworks in der Diskussion von Dirk Jesse
- Battle of the CSS Frameworks von Mike Crittenden
- CSS Frameworks – mein Vortrag vom Barcamp Leipzig von Dirk Jesse
- Technikwürze 109 – endlich wieder iTunes-Futter von Dirk Jesse
- Flexible Layouts vs. fixe Layouts 5:0 von Dirk Jesse
- Grid-Layouts – Das neue Tabellenlayout? von Jens Grochtdreis
- Grundsatzartikel zu Grid-Frameworks von Dirk Jesse
- Die Schlacht um den richtigen Weg von Lothar Baier
- Der direkte Vergleich: YAML / GridEasy von Lothar Baier
- Flexible Layouts – Die Herausforderung der Zukunft von Dirk Jesse
- Flexibles oder statisches Layout von Armin Vieweg
Nachtrag vom 15. August 2009:
Dirk Jesse hat hilfreiche Links zur CMS-Unterstützung von YAML in seinem Blogbeitrag “Kleine Ressourcensammlung zu YAML” zusammengetragen. Ist schon beeindruckend.
Danach gibt es inzwischen “für 23 Content-Management-Systeme fertige Implementationen oder zumindest Hilfestellungen durch Onlinetutorials” für YAML.
Aktualisiert am 2. September 2010
Stichworte: CSS, CSS-Frameworks, Webseiten, YAML
Kategorie Internet, Webseiten, YAML
Webkrauts » Und es hat Zoom gemacht (oder: Spiel mit dem Feuer) – #
Pingback vom 27. Juni 2008, 17:29 Uhr
[...] der Tatsache, dass immer mehr Grid-Frameworks wie Pilze aus dem Boden sprießen, muss man die Frage aufwerfen, warum das so ist. Den Anfang [...]
Konstantin – #
Kommentar vom 25. November 2008, 07:21 Uhr
Vielen Dank für die umfangreiche Zusammenstellung. Gibt einen guten Überblick über CSS-Frameworks.
Dieter – #
Kommentar vom 25. November 2008, 17:05 Uhr
Bitte schön.
Freut mich, wenn die ausgewählten Kriterien so gewählt wurden, dass der Überblick hilfreich ist.
Deusser – #
Kommentar vom 03. August 2009, 12:54 Uhr
Der Link auf “Expression Engine” ist FALSCH !
Dieter – #
Kommentar vom 03. August 2009, 13:11 Uhr
@Deusser
Danke für den Hinweis! Die Website zur YAML-Integration für die Expression Engine ist anscheinend schon seit über 1 Jahr nicht erreichbar (offline). Ich habe deshalb den Link erst einmal entfernt.
Sollte sie wieder verfügbar sein, bin ich für einen entsprechenden Hinweis dankbar und werde den Link wieder setzen.