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?