<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"> 
<channel>
    

    <title>YAML Builder v0.3 Preview</title>
    <link>http://www.highresolution.info/weblog/entry/yaml_builder_v03_preview/</link>
    <description>Heute ist ein sch&#246;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&#228;ndnis f&#252;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&#252;ckt habe, waren die anf&#228;nglichen Erfolge umso mehr Ansporn, die Flexibilit&#228;t von YAML &#252;ber den Builder f&#252;r den Nutzer sichtbar und leichter zug&#228;nglich zu machen. Die Inspiration f&#252;r die Oberfl&#228;che kam &#45; wie unschwer zu erkennen &#45; vom Grids Builder f&#252;r das YUI Framework von Yahoo. Wie beim Grids Builder schwebt die Toolbox &#252;ber dem Layout und ist frei verschiebbar.

Was kann dieses knuffige Teil nun in dieser fr&#252;hen Version 0.3:

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

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

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

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

Also dann, viel Spa&#223; beim Klicken.</description>
    <dc:language>de-de</dc:language>
    <dc:creator>Dirk</dc:creator>
    <dc:rights>Copyright 2007</dc:rights>
    <dc:date>2007-08-16T;12:48:14+00:00</dc:date>
    <admin:generatorAgent rdf:resource="http://www.expressionengine.com/" />
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
         xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
         xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
    rdf:about="http://www.highresolution.info/weblog/entry/yaml_builder_v03_preview/"
    trackback:ping="http://www.highresolution.info/trackback/1174/NDsOnxKA/"
    dc:title="YAML Builder v0.3 Preview"
    dc:identifier="http://www.highresolution.info/weblog/entry/yaml_builder_v03_preview/" 
    dc:subject="CSS &amp;amp;amp; XHTML,YAML,jQuery"
    dc:description="&amp;lt;img src=&quot;http://www.highresolution.info/images/uploads/ybuilder_03.png&quot; border=&quot;0&quot; alt=&quot;&quot; title=&quot;&quot; class=&quot;right noborder&quot; style=&quot;padding:0; background: #fff&quot; width=&quot;290&quot; height=&quot;400&quot; /&amp;gt; Heute ist ein sch&#246;ner Tag denn heute kann ich nach vielen Stunden abendlicher Spielerei mit &amp;lt;a href=&quot;http://jquery.com/&quot; title=&quot;jQuery&quot;&amp;gt;jQuery&amp;lt;/a&amp;gt; ein kleines aber feines Tool vorstellen, welches in Zukunft die Arbeit mit &amp;lt;a href=&quot;http://www.yaml.de&quot; title=&quot;CSS&#45;Framework&quot;&amp;gt;YAML&amp;lt;/a&amp;gt; und das Verst&#228;ndnis f&#252;r die Anwendung des Frameworks&#8230;"
    dc:creator="Dirk"
    dc:date="2007-08-16 12:48:14 PM GMT" />
</rdf:RDF>
--> 

 

</channel>
</rss>
