YAML – Bisherige Erfahrungen

YAML ist ein CSS-Framework. Es basiert auf Spalten und kompensiert besonders viele Fehler des Internet Explorers. YAML darf auf nicht-kommerziellen, sowie auf kommerziellen Webseiten eingesetzt werden. Allerdings muss der Name des Autors genannt werden. Es gibt auch alternative Lizenzen für den kommerziellen Einsatz.
Ich habe YAML bei einem großen Webprojekt eingesetzt und die Stärken und Schwächen des Frameworks kennengelernt.

Vorteile des Frameworks

• Schnellere Entwicklung. Da man sich nicht mehr mit jedem Fehler des Internet Explorers herumschlagen muss, spart man einiges an Zeig. Leider können auch nicht alle Fehler gefixt werden.
• Strukturierter Code. Wem es schwer fällt, seinen Code sauber zu halten, wird sich an YAML erfreuen. Durch die Dateibenennung, die Kommentare, und die Aufteilung in Sektionen fällt es leichter, seine Css-Files sauber zu halten.
• Spaltenaufbau Der Spaltenaufbau nimmt dem Entwickler den Großteil der Grundlayout-Definition ab. Lediglich die Breiten und das Aussehen der Spalten müssen angepasst werden. Dann steht das Layout bereits. Auch im Internet-Explorer.
• Drucklayout. YAML liefert ein vordefiniertes Drucklayout mit. Dieses muss man minimal an die verwendete Spaltenanzahl anpassen, und das Druckergebnis schaut professionell aus.

Nachteile des Frameworks

• Spaltenaufbau. Der Spaltenaufbau ermöglicht eine besonders schnelle Umsetzung des Layouts. Braucht man allerdings eine weitere Spalte, oder mehrere Spalten untereinander in verschiedenen Container, muss man des Standardaufbau stark anpassen.
• Vordefinition mancher Elemente. YAML bringt einige Grundstyles mit. So zum Beispiel die Einfärbung von sog. Flash-Messages (Nachrichten mit farblicher Hinterlegung). Diese kann man zwar zurücksetzen, dennoch stören sie gegebenenfalls bei der Entwicklung.
• Überflüssiger Code Eines der häufigsten und beliebtesten Argument gegen Frameworks aller Art. Sie bringen immer überflüssigen Code mit sich. Bei YAML ist einiges an überflüssigem Code dabei. Im Endeffekt handelt es sich aber nur um wenige kb. Diese sind zu verkfraften.
• Mehr Markup. YAML verwendet die Klassen float_left und float_right um Elemente zu floaten. Diese muss man natürlich nicht nutzen, allerdings empfiehlt sich die Nutzung häufig. Und wenn man sich erstmal daran gewöhnt hat, nutzt man die Klassen vermehrt im Markup. Dadurch wird natürlich der code der einzelnen Seite größer.
• Verwendung von floatbox. Die Klasse floatbox hebt den Elementenfluß von gefloateten Elementen mit Hilfe von overflow:hidden auf. Problematisch ist dies, sobald in der floatbox ein absolut positioniertes Element zu finden ist. (z.B. Popups, Auto-Suggest in Formualren, Tooltips). Diese werden nur innerhalb des sichtbaren Bereiches der floatbox angezeigt. Befindet sich die Position des Elementes ausserhalb den Rändern der floatbox, wird dieses somit nicht angezeigt.

YAML bietet einige Vorteile, ist aber nicht frei von Problemen und Nachteilen. Ich empfehle die Verwendung von YAML in jedem Projekt, da man sich Ärger mit verschiedenen Browsern spart und die Meisten Layouts schnell umsetzen kann.
Allerdings muss man sich auch in das Framework einarbeiten und an die Regeln halten. Mein nächstes eigenes Projekt werde ich wieder ohne YAML oder ein anderes Css-Framework umsetzen.

Hat sonst noch jemand Erfahrungen mit Yaml, oder auch einem anderen Css-Framework? Gibt es vielleicht Fragen, die ungeklärt sind? Über ein Kommentar freue ich mich.

Tags: CSS, Framework, yaml
Posted in Webentwicklung | 4 Kommentare »