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: Screendesign
** css/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?
