Bevor man sich mit YAML beschäftigt, sollte man wissen warum es CSS-Frameworks gibt und deren Vor- und Nachteile kennen. mehr Informationen »
Die meistverbreiteten CSS-Frameworks sind YUI Grids von Yahoo, Blueprint CSS, 960 Grid System und YAML (Yet Another Multicolumn Layout). Sie haben viele Gemeinsamkeiten, unterscheiden sich im Detail aber enorm. Die grid basierten Frameworks YUI, Blueprint und 960gs sind Baukasten, mit denen man sich mit wenig Aufwand und mit wenig Know-how ein Layout zusammenbaut. Solange man einfache Layouts hat und im Raster bleibt, ist es praktisch. Das Raster simuliert das Verhalten von Tabellen und ist so einfach zu verstehen, verstosst aber gegen grundlegende CSS-Konzepte (wie Trennung Inhalt/Layout). YAML hingegen richtet den Fokus auf professionelle, auf den CSS-Prinzipien aufgebaute Designs. YAML bietet die ausführlichste, transparenteste und verständlichste Dokumentation; es ist das einzige CSS-Framework bei dem man die Wahl des Layouttyps (fix, flexibel, elastisch) hat. All dies ermöglicht mehr Flexibilität und Kreativität. Dazu erlaubt es — im Gegensatz zu den Grid-Frameworks — die sinnvolle Trennung von Inhalt und Design und das Erstellen von elastischen, barrierenarmen Layouts.
Vergleich YUI, 960, Blueprint & YAML
|

|

|

|

|
| Framework Umfang |
gross |
sehr klein |
mittel |
mittel |
| Bereit für simple Layouts |
 |
|
|
 |
| Bereit für komplexe Layouts |
|
|
|
 |
| Aufwand nach Einarbeitung |
klein |
klein |
klein |
klein |
| Elastische Layouts |
|
(nur mit plugin) |
(nur mit plugin) |
|
| Grid Layouts |

(variabel, %) |

(fix, 12 oder 16) |

(fix, 24) |

(variabel, %) |
| Flexible Float Layouts |
|
 |
 |
 |
| Layout Vorlagen |
|
 |
 |
 |
Grafik Vorlagen
(PDF, Fireworks, Photoshop, Illustrator, OmniGraffle, Visio) |
|
|
|
|
| Umfang Dokumentation / Transparenz |
|
|
|
|
| DotNetNuke Adaption |
|
|
|
|
| Builder-Tool |
|
|
|
 |
| Druckunterstützung |
|
|
|
|
| Inhaltsunterstützung |
|
|
 |
|
| Bereit für Mobile Geräte |
 |
 |
 |
 |
| jQuery integriert |
 |
|
|
|
Accessibility-Unterstützung
(elastische / flexible Layouts, flexible Schriftgrössen,
Skip-Links, Struktur- und Layoutabhängige Bugfixes...) |
|
|
|
|
| Auto float clearing |
|
|
|
|
| Open Source |
|
|
|
|
| Lizenz |
CC-A 2.0 |
GPL & MIT |
modified MIT |
BSD |
Vorteile von YAML:
- Ausgerichtet auf zugängliche Webseiten
- YAML Builder
- Robustes, flexibles Layoutkonzept
- Modularer Aufbau, anwenderorienterte Funktionaliät
- Umfassende, mehrsprachige Dokumentation