Oliver Gassner: Digitale Tage

Jens Grochtdreis von SinnerSchrader und Mitgründer der "Webkrauts" (einem Webdesignernetzwerk) erklärt, wie man mit dem CSS-Framework YAML 'intelligent' (also: faul) Webseiten erstellt.

Jetzt kommt eine Übersicht über Frameworks allgemein, es wird erklärt, warum CSS-Vorlagendateien nicht so ganz helfen und earum Man CSS-Hilfen braucht (MSIE, ne?).

Es gibt 2 CSS-Frameworks:
* Yahoo UI (Javascript-lastig) mit Grids (CSS-Layout), mit dem Yahoo seine Seiten baut.
* Und YAML: "Yet Another Multicolumn Layout"

"Grids" hat eine relativ schmale Doku, die auch nicht erklärt WARUM etwas so ist, wie es ist.

YAML ist ein reines XHTML/CSS-Framework ohne jedes Javascript. Es wird auf vielen Webseiten eingesetzt, ist breit auf Browsern getestet und umfangreich dokumentiert. Inzwischen sogar in einem Buch.

Während YAML auf flexiblen Layouts basiert (fixe sind möglich), bei denen man 'wegwirft' was man nicht braucht, hat man bei YUI primär fixe Layouts (flexible möglich), bei denen man hinzufügen muss, was man will.

Bei YAML muss man allerdings erst die Doku lesen.

* valider Code und Stylesheets
* Navihilfen (Skip-Links)
* freie Spaltenanordnung
* funktional gegliederte Stylesheets
* relative Maßeinheiten (%)

Jetzt erfahren wir, wie YAML-Pages aufgebaut sind und dass der weg zu 'float's zwra durch den Vorhof der Hölle führt, sich aber lohnt udn wie YAMl über spezielle Inhaltsspalten das Boxmodelproblem des IE umgeht.

YAML bekommt demnächst eine neue Ordnerstruktur, die die Übersicht verbessert.

Über Subtemplates kann man via % relativ einfach bestimmte Prozentverteilungen bei den Spaltenbreiten realisieren.

Buchtipp:
Dirk Jesse: CSS-Layouts - Praxislösungen mit YAML