
In dieser Sendung geht im Fokus um YAML. Das Buch zu YAML, CSS Layouts – Praxislösungen mit YAML 3.0 könnt ihr auch über Amazon (Affiliate-Link) bestellen.
Wenn ihr wissen wollt, wie es auf unserem Screen ausschaut, wenn wir Technikwürze aufnehmen, dann schaut mal bei Flickr vorbei. Dort findet ihr auch eine Beschreibung des Aufnahmesets.
Layout-Frameworks
- Was sind Frameworks?
- Abgrenzung von einfachen Layoutvorlagen und Fertigtemplates
- Zielgruppe: Agenturen, professionelle Webentwickler (und auch Hobbybastler)
- Weshalb sinnvoll?
- Beschleunigung von Standardaufgaben
- Individuelle Schwächen der verschiedenen Browser(generationen)
- Versionsabhängige CSS-Fähigkeiten der Browser
- Gemeinsame Sprache bei Arbeit im Team …
- Begriffe klären:
- Sinn und Zweck von Grid-Frameworks sind schnelle Ergebnisse in der Anwendung.
- Sinn und Zweck eines CSS-Frameworks ist eine leistungsfähige Entwicklungsumgebung
- Bekannte Vertreter …
- Grid-Frameworks (Blueprint CSS, 960 Grid System, YUI Grids, ect.)
- CSS-Frameworks (YAML, Content with Style, ect.)
- Wer mehr wissen will: Dirks Vortrag aus Erlangen
YAML – Kurzvorstellung
- Schlagworte:
- Flexible Layouts (Flexibel = Freie Wahl der Maßeinheiten + Gestaltungsvielfalt)
- TOP-DOWN-Prinzip (Weglassen, was nicht benötigt wird)
- Bug-Prävention (IE-Bugs werden präventiv abgefangen, soweit möglich)
- Barrierefreiheit (Skip-Links, Tabnavigation in Menüs, flexible Layouts)
- Trennung von Framework- und Nutzer-CSS
- Online-Dokumentation + Buch
- Ein paar Worte zur Lizenz von YAML …
- Downloads (YAML-Package | Simple Project)
Erste Schritte
- Doku lesen !!!
- Download und Entpacken des Simple-Projects
- Fertige Projektstruktur (Trennung von Framework- und Nutzer-CSS)
- Änderungen in …
- my_layout.html -> Markup
css/screen/basemod.css: Screendesigncss/screen/content.css: Content
Sinnvolle Anwendung
- YAML Builder – Visuelle Layouterstellung, abgestimmt aufs Simple-Project
- Drag & Drop
- Automatische Code-Generierung
Tiefer einsteigen
- Bug-Prävention: Ein Segen für Entwickler – mit Grenzen
- Subtemplates: Die flexiblen Grid-Elemente von YAML
Ein paar Antworten zu allg. Kritikpunkten an Layout-Frameworks
- Markup
- DIV-Schachtelung: Bloated Code?
- CSS
- CSS Kommentare: Bloated Code?
- Modulare Stylesheets: HTTP-Requests + schlechte Performance?
Fragen & Antworten
- Worauf beruht die Flexibilität der YAML-Beispiele?
- Funktioniert YAML mit drop-down-Menüs?
- Weiterentwicklung von YAML
- Wann (in etwa) wird die nächste YAML-Version kommen?
- Welche Highlights bzw. interessante Features sind vorgesehen?
- Sind neue Beispiele in der Rubrik „spezial interest“ angedacht?
- Wie wird der YAML-Builder weiterentwickelt?
- Weiterentwicklung von “YAML für TYPO3”?
- Neue Layouttechnik mit CSS-Tabellen?
- Wie minimiert man bei YAML mit möglichst wenig Zeitaufwand die Größe des HTML-Grundgerüsts sowie der CSS-Dateien?
- Besteht die Notwendigkeit zum Updates bei fertigen Projekten?
- CMS-Einbindung
- Verwendung der fertigen Projekte (z.B. jYAML für Joomla) oder …
- Einbindung der Ausgaben des YAML-Builders von Hand?

