Weblog

Die 123. Sendung von Technikwürze hat den Titel “YAML total” und steht demzufolge ganz im Zeichen des CSS-Frameworks. und es gibt reichlich davon. David Maciejewski, Nils Pooker und ich plauschen satte 140 Minuten lang über Layout-Frameworks im Allgemeinen und YAML im Speziellen.

Dass die Zeit wie im Fluge verging, war dabei maßgeblich Nils zu verdanken. Denn David ist kein YAML-Anwender und so hätte ich nur aus meiner Sicht als Entwickler über das Framework erzählen können. Nils hingegen ist seit vielen Jahren selbstständiger Webentwickler und arbeitet tagtäglich mit YAML. Er hat seine eigenen Erfahrungen mit dem CSS-Framework gemacht und bringt als erfahrener Anwender eine Sicht der Dinge in Spiel, die ich nicht bieten kann. Und achtet mal drauf, wie leidenschaftlich er beim Thema IE6 wird.

Zum Glück hatten wir die Sendung thematisch gut vorbereitet, sonst wären wir wahrscheinlich bei einigen Themen noch viel länger hängen geblieben. Und trotz der Vorbereitung sind natürlich auch Dinge auf der Strecke geblieben, die man im Nachhinein noch hätte ansprechen wollen aber das Thema ist einfach unendlich. Daher freue ich mich auch einfach über die gelungene Sendung, die wir am letzten Mittwoch nach kleinen Startschwierigkeiten annähernd reibungslos über Skype aufgenommen haben. Und ganz besonders danken möchte ich auch nochmals allen Kommentatoren und Forenusern, die uns ihre Fragen zur Beantwortung in die Sendung mitgegeben haben. Ich hoffe, wir konnten alles zufriedenstellend beantworten.

Nachtrag: Hinweis an mich. Unbedingt Headset besorgen, damit Stimme nicht mehr so verrauscht ist.

Bereits am letzten Wochenende konnten die Arbeiten am zweiten Draft einer ersten Spezifikation von CSSDOC, einem Regelwerk für bessere und zugleich maschinenlesbare Kommentare in Cascading Stylessheets (CSS) fertig gestellt werden.

Fast eineinhalb Jahre sind seit dem ersten Public Draft vergangen, in der wir zahlreiche Erfahrungen sammeln und einiges positives Feedback ernten konnten. Bereits seit YAML 3.0 (Juli 2007) kommt das CSSDOC Regelwerk in meinem CSS-Framework zum Einsatz und hat bestens bewehrt.

Die klare und verständliche “Sprache” der Tags erleichtert professionellen Anwendern wie auch Einsteigern den Umgang mit dem Framework. Umso mehr lag es uns allen am Herzen, die vor langer Zeit begonnenen Arbeiten an der Spezifikation weiterzuführen und das Regelwerk zu vervollständigen. Am letzten Wochenende war dieses Ziel mit dem Einflegen der letzten Korrekturen erreicht und den aktuellen Stand in Form eines zweiten öffentlichen Drafts veröffentlicht.

Das Dokument steht als PDF-Datei zum Download bereit und wir bitten jeden CSSDOC-Interessierten ausdrücklich um Feedback über die öffentliche CSSDOC-Mailingliste.

Nachtrag: Dass das Projekt mittlerweile einiges an Ansehen für sich verbuchen kann, äußert sich auch darin, dass beispielsweise die offizielle Drupal-Dokumentation das Regelwerk im Rahmen des Drupal Coding Standard zur Kommentierung von Cascading Stylesheets empfielt.

Morgen Abend gehts zum Barcamp nach Berlin. Ich habe vor, dort eine Q&A (Questions & Answers) Session zu YAML zu halten. Dazu werde ich mir einige häufig gestellte Fragen aus dem Forum herauspicken und hoffe natürlich gleichsam auf Fragen der Sessionteilnehmer, schließlich soll das kein langweiliger Vortrag werden.

Weiterhin habe ich auch eine jQuery-Session geplant, in welcher live ein kleines Plugin entstehen wird. Wer von Euch Lesern sich also ebenfalls am WE auf dem Barcamp herumtreibt und Fragen hat, sprecht mich an. Ich freu mich drauf.

Wieder ein Jahr um – wie schnell doch die Zeit vergeht. Fast hätte ich den Tag mal wieder vergessen, bei einem kleinen Chat am gestrigen Abend mit Frank Helmschrott sind wir irgendwie auf das Thema gekommen und mir ist es mal wieder wie Schuppen von den Augen gefallen ... YAML wird 3 Jahre alt.

Unter den Layout-Frameworks gehört YAML damit zu den Urgesteinen und ist dennoch kein bisschen angestaubt. Verständlicherweise sind die Update-Zyklen mittlerweile etwas größer als noch 2006, doch das liegt im Reifegrad des Frameworks begründet, der nur noch wenige Eingriffe und vor allem eine behutsame und bedachte Weiterentwicklung erfordert. In diesem Zusammenhang fand ich es spannend, Jens Grochtdreis Worte aus seinem damaligen Release-Beitrag in seinem Blog noch einmal zu zitieren:

Dirk erklärt interessant und ausführlich sein Layout, das man auch kompakt herunterladen kann. Sein Layout ist interessant aufgebaut und geht sowohl mit fixen Spaltenbreiten als auch mit flexiblen Spaltenbreiten um. Es bietet sowohl Header als auch Footer, die man auch ausschalten kann. Die Flexibilität seines Layouts ist Programm,  denn Dirk wollte sich eine Basis für künftige Projekte schaffen.

Floats sind interessant und obwohl sie viele Fussangeln aufweisen, layoute ich derzeit nie anders.

Schon in der ersten Version stand der Grundsatz der größtmöglichen Flexibilität – und damit meine ich die Gestaltungsfreiheit bei der Positionierung von Elementen und der Verwendung und Kombination beliebiger Maßeinheiten – an erster Stelle. An der technischen Umsetzung dieser Idee hat sich im Verlauf der 3 Jahre nichts Wesentliches verändert. Die Idee eines grobusten und wiederverwendbaren Layoutkonzepts war damals jedoch weitgehend neu und hat mir einige Diskussionen beschert. Und das macht mich rückblickend schon ein wenig stolz, denn Layout-Frameworks waren 2005 noch weitgehend Neuland. Auch ich musste erst einmal lernen, wie man das Layoutkonzept und das "TOP-DOWN" Prinzip in der Dokumentation verständlich erklärt.

Den gesamten Beitrag lesen →

Kleine, frische Ideen sollte man sofort umsetzen, sonst bleiben sie zulange liegen und verkümmern. So geschehen vor einigen Monaten, als ich mir angesehen habe, wie man JavaScript geschickt in Bookmarklets einsetzt.

Heute, einen Tag nach dem Release von YAML 3.0.6, kam diese Idee wieder hoch und ich habe YAML ein kleines Bookmarklet spendiert, mit dessen Hilfe sich das YAML-Debug-Stylesheet auf jeder beliebigen Webseite per Klick auf den Bookmark zu- und abschalten lässt. Das Debugging-Stylesheet wurde in V3.0.6 bereits leicht verbesser, an der Online-Variante für das Bookmarklet habe ich heute noch etwas weiter geschraubt und werde sicher auch in den nächsten Tagen noch die eine oder andere Ergänzung integrieren. Insgesamt ist dieses kleine Helfertool aber schon sehr nützlich und erlaubt eine schnelle und unkomplizierte Fehlerkontrolle - auch und vor allem bei Ferndiagnosen.

Erreichbar ist das Bookmarklet über die Debugging-Seite der Online-Dokumentation. Einfach den Link aus der Hinweisbox als Lesezeichen im Browser speichern, auf eine YAML-Webseite gehen und den Bookmark anklicken - voila.

Nach aktuellem Stand sind folgende Funktionen implementiert:

• Verfügbarkeitstest für YAML’s iehacks.css Stylesheet (Funktioniert gesichert über Einbindung ins zentrale Stylesheet)
• Hervorhebung von DIV-Containern mit ID- und Klassenbezeichnung (einschl. YAML-Subtemplates und .floatbox-Klasse)
• Hervorhebung der Gliederungsebenen bei Überschriften (H1..H6)
• Hervorhebung spezieller Textauszeichnungen (z.B. abbr, code, q, cite)
• Hervorhebung inhaltsleerer Elemente
• Hervorhebung von Elementen mit Inline-Styles
• Hervorhebung von Skip-Ankern

Viel Spaß damit und bitte hinterlasst konstruktives Feedback hier in den Kommentaren für Verbesserungen.