01. Februar 2008
Ein halbes Jahr nach dem ersten Preview Release des YAML Builders ist es es Zeit für die Version 1.0 dieses kleinen aber feinen Zusatztools zum YAML Framework. In dieser Version habe ich den Großteil der Features einbauen könnnen, die mir bereits letzten August am Herz lagen, damals jedoch aufgrund des Zeitmangels und der Arbeit an der 2. Auflage meines Buches “CSS Layouts” nicht integriert werden konnten.
Änderungen/Verbesserungen:
- verbesserte HTML-Ausgabe
- geringere Prozessorlast im Construction View (Anzahl der PNG’s reduziert)
- 3-1-2 und 2-1-3 Layouts können jetzt auch pixelgenau erstellt werden (IE 3 Pixelbug wird vermieden)
- Spalteninhalte gehen beim Wechsel zwischen 2- und 3-Spaltenlayouts nicht mehr verloren
- Validitätskontrolle von Nutzereingaben
neue Funktionen:
- neu gestaltete Benutzeroberfläche als fliegende Palette oder als Dock-Menü (Status wird per Cookie gespeichert)
- Auswahl der Layoutausrichtung (links, rechts, zentriert)
- Auswahl des Navigationstemplates (Shiny Buttons, Sliding Door)
- Option für grafikfreie Spaltentrenner
- Option für grafische Layoutumrandungen
- IE6 min-/max-width Workaround (per JS-Expression oder Einbindung von minmax.js)
- Optionaler Container #teaser für 2- und 3-Spaltenlayouts
- Autocomplete-Option zum Befüllen der Subtemplates
- Live-Darstellung der Quelltexstruktur (DOM tree)
- Verschieben von Containern im DOM Baum (innerhalb einer Hierarchieebene)
- Setzen von CSS-Klassen und ID’s im DOM Baum
- Hervorhebung der Layoutelemente beim Hovern im DOM Baum
- Syntax-Highlighting in der Codeausgabe (HTML & CSS)
- Vollständige Ausgabe des Screenlayouts (basemod.css)
- Sicherheitsabfrage vor dem Reset des Layouts
- Eine kleine Hilfeseite mit den wichtigsten Punkten zur Bedienung
Eine lange TODO-Liste wurde damit im Verlauf der letzten drei Monate abgearbeitet. Geblieben ist die englische Sprache und die kleine Limitierung der Drag & Drop Funktionalität: Dropzonen müssen erst geöffnet werden, bevor Elemente hineingeworfen werden können.
Der Beta-Status hat mehrere Gründe: Zum einen sind aufgrund der großen Gestaltungsfreiheit und der vielfältigen Abhängigkeiten sicherlich noch einige kleine Bugs bei meinen Test unentdeckt geblieben. Zum anderen sind die Änderungen im Funktionsumfang und der Benutzeroberfläche so umfangreich, dass mit der Beta-Version zunächst Erfahrungen sammeln möchte und daher auf das Feedback der Nutzer besonders gespannt bin. Zum dritten steht der Quelltextumfang mittlerweile bei knapp 3500 Codezeilen und bedarf vor Verlassen des Beta-Status noch einer gründlichen Überarbeitung.
Im Hintergrund habe ich auf jQuery 1.2.2 und die Erweiterungen von jQuery UI gewechselt. Dieser Umstieg war aufgrund einiger Änderungen zwischen dem alten Interface-Plugin und jQuery UI nicht ganz stolperfrei, hat sich jedoch gelohnt. Herzlicher Dank geht in diesem Zusammenhang an Paul Bakaus, der mir hier mehrfach helfend zur Seite stand.
Zum Abschluss noch ein kleines Ärgernis, dessen Herkunft irgendwo zwischen Firefox und Firebug (evtl. auch Windows Vista) zu suchen ist. Während der Builder in allen anderen Browser/OS-Kombinationen flüsslig läuft (IE7, Safari 3, Opera 9), kann es im Firefox bei aktiviertem Firebug zu extremen Einbrüchen der Perfomance kommen. Dieses Problem habe offensichtlich nicht nur ich, auch Google hat bei GoogleMail und Rememberthemilk wohl so seine Probleme mit dieser Kombination. Ich habe mich daher genötigt gesehen, eine bei aktivem Firebug eine Warnmeldung auszugeben und bei Performanceproblemen das Dekaktivieren der Firebug-Extension auf der Domain des YAML-Builders zu empfehlen.
Samstag, 02.02.08 (13:05 Uhr)
Bin begeistert!
Das hast du sehr gut umgesetzt und die Möglichkeiten die man da jetzt schon hat sind wirklich sehr gelungen. Auch grafisch ist das ganze sehr anspruchsvoll.
Gefällt mir insgesamt sehr gut. Vor allem die eigene Dom Darstellung ist ja mal was feines!
Ich arbeite ja grad an der Version 3 des YAML Templates für Joomla! 1.5. Da benötige ich auch etwas mehr Javascript für die Konfigurations Erweiterung. Ich ärgere mich auch jeden Tag darüber das mit dem Firebug die Performace in den Grund geht. Aber erst wenn man länger arbeitet und immer wieder die Seite neu lädt. Habe festgestellt das die Speicherauslastung vom Firefox >500MB geht…
Gruß
Reinhard
Samstag, 02.02.08 (16:52 Uhr)
Der YAML-Builder ist - wie auch das neue Buch - absolut klasse. Das einzige Manko, was ich seit jeher an dem Builder feststellen konnte, ist die Tatsache, dass man hinzugefügte Elemente in der Dropzone nicht mehr entfernen kann. Und der Builder könnte meinetwegen auch deutschsprachig sein.
Nachdem ich nun die ersten Zeilen fast ausschließlich aufs Meckern verwendet habe, nun zu den Highlights: Ob zentriertes, fixes Layout mit 1, 2 oder 3 Spalten oder aber Zoom-Layout mit zwei Spalten und Minimal- bzw. Maximal-Breite sowie weiteren Spalten (subcolumns) - mit dem YAML-Builder kommen YAML-Seitenbauer schneller ans Ziel. Der Code - sowohl für HTML als auch CSS ist sauber, die Performance exzellent. Wireframing mal visuell leicht gemacht. Danke, Dirk.
Samstag, 02.02.08 (19:24 Uhr)
Klasse Tool, habe einen kleinen Fehler entdeckt:
in der my_layout.css
@import url(.../yaml/core/base.css);
ist ein Punkt zuviel drinn! ;-)
Mittwoch, 06.02.08 (03:07 Uhr)
Bislang war es mir etwas mühsam, mich für einfachere Layouts mit (D)einem Framework auseinander - oder besser - zusammenzusetzen.
Jetzt hab ich mir mal einen Ruck gegeben und via Deinem Tool mal zwei Layouts “erstellt” bzw. nachbauen lassen.
Ich bin begeistert.
1. Die Geschwindigkeit ist enorm.
2. Die Varianten sind ausreichend.
3. Das Ergebnis ist deutlich besser als ich zuerst erwartet hatte (ist ja ein generelles Framework für 90% aller Fälle)
Wenn man dann noch den Aufwand für den IE 6 berücksichtigt, der hier integriert ist, wirklich eine enorme Leistung.
Beim anstehenden Redesign einer Magazinseite werde ich erstmals von Beginn an darauf setzten. Ich bin gespannt und zuversichtlich.
Dienstag, 12.02.08 (12:46 Uhr)
Hallo Dirk,
bin nach wie vor begeistert vom Framework und habe es auch zum Relaunch meiner Site benutzt. Eine Frage habe ich aber zum neuen YAML Builder: Wird dort keine content.css mehr zum Download angeboten? Die konnte ich bei der neuen Version jedenfalls nicht finden. Ansonsten: Weiter so! ;-)
Beste Grüße,
Martin
Dienstag, 12.02.08 (13:28 Uhr)
Hallo MaJo,
Eine content.css wurde bisher in keiner Version des Builders generiert. Macht auch keinen Sinn, denn der Builder widmet sich ja nur dem Seitenlayout und nicht der Gestaltung der Inhaltselemente. Als Startgrundlage empfehle ich Dir content_default.css aus dem YAML-Paket oder Du importierst die Builder-Ausgaben einfach 1:1 ins Simple Project. Dann hast Du alles sofort beisammen.
Gruß
Dirk
Mittwoch, 27.02.08 (22:16 Uhr)
Vielen Dank für die Informationen ;)
Montag, 10.03.08 (11:17 Uhr)
sehr nett, warte schon sehnlich auf den release des tools.
bin schon von der beta und den vorherigen Versionen sehr begeistert gewesen!
Samstag, 05.09.09 (22:39 Uhr)
Ich bon über den Builder sehr zufrieden. Allerdings habe ich mit Yaml einige Probleme gehabt. Nachdem ich ein Modul (DirectUrl für xt:commerce) installiert habe, funktioniert mein YAML-Temlate nicht mehr. Was muss ich tun?
MfG
W. Ros