Donnerstag30. August 2007

Offensichtlich hat sich Chris Heilmann die Nacht um die Ohren geschlagen (oder auch nur ein paar Minuten davon) und heute morgen eine recht nette Lösung für YUI Grids und das immer wieder gern diskutierte Problem gleich langer Spalten gepostet. Der Ansatz gefällt mir. Man verzichtet auf das leidige CSS-Gehacke, welches je nach Komplexität des Layouts gelegentlich zu unerwarteten Nebeneffekten führen kann und überlässt die Sache Javascipt. Wer mehr zum Thema wissen möchte, Ed Eliot hat dazu vor einiger Zeit eine schöne Übersicht veröffentlicht.

Bei der Gelegenheit trifft es sich natürlich gut, dass sich der Aufwand innerhalb eines CSS-Frameworks mit bekannten Containerbezeichnungen sehr in Grenzen hält. Was sind nun die Vorteile? Erstens, das CSS-Gehacke entfällt vollständig. Zweitens diese Lösung funktioniert bei angeschaltetem Javascript auch in älteren Browsern - ein Punkt, bei dem CSS-Lösungen regelmäßig scheitern und drittens - wer Javascript ausgeschaltet hat, der bekommt die Seite dennoch in normalem Look & Feel, denn auch hier könnte man per min-height noch evlt. Probleme sehr leicht abfangen. Der einzige Aufwand der entsteht - man muss ein kleines Script in sein Layout einbauen.

Ehrlich, ich finde diesen Weg knuffig und und in Verbindung mit meinem geliebten jQuery auch für die YAML Subtemplates für vorstellbar.


Donnerstag16. August 2007

Heute ist ein schöner Tag denn heute kann ich nach vielen Stunden abendlicher Spielerei mit jQuery ein kleines aber feines Tool vorstellen, welches in Zukunft die Arbeit mit YAML und das Verständnis für die Anwendung des Frameworks deutlich verbessern wird. Der YAML Builder startet als kleine Machbarkeitsstudie in der Version 0.3.

Nachdem ich mich jahrelang erfolgreich um Javascript gedrückt habe, waren die anfänglichen Erfolge umso mehr Ansporn, die Flexibilität von YAML über den Builder für den Nutzer sichtbar und leichter zugänglich zu machen. Die Inspiration für die Oberfläche kam - wie unschwer zu erkennen - vom Grids Builder für das YUI Framework von Yahoo. Wie beim Grids Builder schwebt die Toolbox über dem Layout und ist frei verschiebbar.

Was kann dieses knuffige Teil nun in dieser frühen Version 0.3:

  • Wahl des Doctypes: XHTML steht in der Strict- und in der Transitional-Variante zur Verfügung
  • Freie Wahl der in das Layout integrierten Basiselemente (#header, #footer, ...)
  • Freie Wahl der Anzahl der Content-Spalten (0 ... 3)
  • Beliebige Spaltenanordnung auf dem Bildschirm bei 2- und 3-Spaltenlayouts
  • Freie Eingabe der Layout- und der Spaltenbreiten
  • Innerhalb der Basiselemente können Subtemplates, sowie Dummy-Inhaltselemente per Drag & Drop eingefügt sowie ineinander verschachtelt werden
  • Ansicht und Ausgabe (per Kopie ins Clipboard) des vollständigen XTHML-Markups
  • Ansicht und Ausgabe (per Kopie ins Clipboard) des der relevanten CSS-Regeln für basemod.css sowie das IE-Patch-File
  • Umschaltmöglichkeit zwischen dem Entwurfsmodus und einer Voransicht des fertigen Layouts

Ein klein wenig stolz bin ich insbesondere auf die Möglichkeit des Hinzufügens bzw. des Verschachtelns von zusätzlich in das Layout eingefügten Elementen. Wer sich beispielsweise ein Bild über die Leistungsfähigkeit der Subtemplates machen möchte, dem empfehle ich, die Content-Spalten mal komplett abzuschalten und ein Layout aus frei verschachtelten Subtemplates zu erstellen. Also mir hat das bisher riesigen Spaß gemacht.

Eine ganze Menge für den Anfang. Ich bitte daher ausdrücklich um Feedback (Meinungen, Bug-Hinweise, Verbesserungs- und Erweiterungsvorschläge). Bedanken möchte ich mich in diesem Zusammenhang bei den drei Javascript-/jQuery-Göttern Timo Derstappen, Dirk Ginader und Tom Klingenberg, die sich meine Fragen zu unmöglichen Zeiten angehört und sich mit mir zusammen das Hirn zermartert haben.

Voll Funktionsfähig sollte der YAML Builder unter Firefox, dem IE7, Opera 9 und dem Safari 3 sein.  Im Safari 2.x gibts wohl derzeit noch ein kleines Problem mit den Tab-Reitern aber dieses Problemchen muss zunächst warten. Für das Kopieren des Quellcodes ins Clipboard verwende ich eine kleine Flash-Hilfe, was jedoch in 99% der Fälle installiert sein sollte. Ach ja, liebe Firmenadmins - Javascript sollte man anschalten, sonst geht da nix.

Also dann, viel Spaß beim Klicken.


Mittwoch01. August 2007

Das neue, frische Layout der YAML-Website ist gerade einmal 18 Tage online und schon haben sich die ersten bedient. Die Webseiten des TeamWiki sind zwar ganz offensichtlich noch nicht öffentlichkeitstauglich, sie sind jedoch bereits im Netz erreichbar und zeigen eine 1:1 Kopie meines Layouts. Funktionalität, Grafiken, Navigation - alles gleich. Einzig das YAML-Logo wurde gegen den TeamWiki-Schriftzug ausgetauscht und eine Reihe von Bugs.

Ich biete mein Layout nirgends öffentlich zum Download an, im Footer der Seite steht mein Copyright. Was ist daran bitte unverständlich? Nach Erlaubnis fragen - Fehlanzeige. Die Jungs verwenden übrigens YAML und bedanken sich auch mit einem Backlink. So ist mir die Seite in den Referrern aufgefallen.

Die Jungs sind per Email informiert und angehalten, das Layout umgehend zu entfernen. Wir werden sehen, wie es weitergeht.

UPDATE: Meine Nachricht ist offensichtlich angekommen. Die Jungs haben sich entschuldigt und das Layout entfernt bzw. durch das 2.5.2er Layout aus dem Download Paket ersetzt. Dagegen ist nichts einzuwenden, damit ist der Fall erledigt.


cssneustart.de hat es sich auf die Fahnen geschrieben, das deutsche Äquivalent zum cssreboot.com zu werden. Die Idee hatten die vier Jungs bereits vor einigen Monaten, der offizielle Start war für den 1. Juli geplant, musste jedoch kurzfristig auf den 1. August verschoben werden. Nun ist die Seite zwar bereits seit einigen Tagen online, der offizielle Start ist jedoch heute denn seite heute morgen sind die ersten 41 Neustartwilligen mit Ihren Layouts zu bewundern und zu bewerten.

Hintergrund der Aktion ist es, Beispiele für Modernes Webdesign zu zeigen (und zwar vom Hobbybastler bis zum Profi) sowie das Verständnis für Webstandards und Barrierefreiheit in Deutschland zu wecken. Mit dieser Motivation sind die vier angetreten und daher gilt es sie in aller Form zu unterstützen.

Ich bin mit YAML übrigens einer der Neustart-willigen, denn ursprünglich hätte der Start von Neustart.de und die Veröffentlichung von YAML 3 auf dem 1. Juli gelegen. Aber wie es so ist - Verzögerungen gehören zum Spiel - und davon lassen wir uns alle den Spaß an der Sache nicht verderben.

Bleibt mir nur noch, dem Projekt viel Erfolg, viele willige Neustarter zu wünschen. Ich stöbere jetzt jedenfalls erstmal die Liste durch ...


Seite 1 von 1 Seiten