Colorscheme

Eine Einführung in YAML

YAML - Yet another Multicolumn layout (Nicht noch ein merhspalten-Layout) - ist ein Framework mit dem man auf einfachste Weise mehrspalten-Layouts, flexibel oder fest, erstellen kann. Ob das wirklich so einfach ist hat mich interessiert und ich hab YAML einfach mal ausprobiert.

YAML - Einstieg
Erstmal habe ich mich auf die Website verbunden: Yaml.de. Es ist wirklich praktisch wenn man etwas neues erlernen möchte, dieses in seiner Heimatsprache präsentiert zu bekommen, die Anleitung zu YAML ist komplett auf deutsch.

Der Einstieg ist wirklich einfach und man findet, nach einer 1-seitigen Erklärung wie YAML ungefähr funktioniert, schon ein erstes funktionierendes Grundgerüst.

Das Grundgerüst
Wer noch keine Ahnung von CSS hat sollte sich mal das Box-Modell anschauen. Für alle anderen dürfte das YAML-Gundgerüst einfach zu verstehen sein.

Keine Gedanken mehr zu Browserunabhängigkeit
YAML verspricht Browser-unabhängig zu sein und liefert schon vorgefertigte Hacks (für den IE) mit denen das Layout in allen Browser gleich aussehen soll. Gerade das Schliessen von “floats” kann von unterschiedlichen Browsern anders interpretiert werden, darum die Hacks (Hacks sind auch schon für IE7 vorbereitet).

Download YAML

Erste Schritte
Nachdem du dir das Framework heruntergeladen und auf deinen Server hochgeladen hast (oder auf dem Rechner mit einer eigenen Apache Installation) solltest du mal in den Ordner: yaml\layout_storage gehen und dort die Datei Example.html öffnen. Diese bietet ein grund-Layout und bietet sich für den Einstieg an.
Gefällt dir das aktuelle Layout nicht, kannst du einfach oben in der Datei example.html die CSS-Quelldatei ändern, dazu gehst du einfach in den Ordner CSS des YAML-Framworks, kopierst den Namen eines anderen Stylesheets und ersetzt ihn mit dem aktuellen in der example.html.

Hat jemand von euch schonmal dieses Framework eingesetzt? Wie sind eure Erfahrungen?

YAML, framework, css, layout, liquid, design

Verwandte Artikel
  1. Ajax -Einführung
  2. Webdesign Guide - Webanwendung Einführung
  3. Xampp - Schnell und einfach zum eigenen Server
  4. Schwächen alter Browser mit der Import-Weiche aushebeln
  5. Schwächen alter Browser mit der Import-Weiche aushebeln

am Mai 17, 2006 um 12:22 Uhr | in Design, Websites | Kein Kommentar

Bislang keine Kommentare

Sei der erste, der einen Kommentar abgibt

Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.