• Verständlich
  • Flexibel
  • Standardkonform
  • Barrierearm
  • Anpassbar
Screenshots
Modernes Weblayout verständlich erklärt

"Yet Another Multicolumn Layout" ist ein Framework zur Erstellung moderner und flexibler Layouts auf Grundlage von float-Umgebungen. Dabei stehen ein möglichst hohes Maß an Flexibilität und Zugänglichkeit im Vordergrund. Innerhalb eines Tutorials wird die Funktionsweise der einzelnen Bausteine erläutert.


Menü

Browserunterstützung

YAML unterstützt folgende Browser vollständig:

  • IE 5.01/Win
  • IE 5.5/Win
  • IE 6.0+/Win
  • Opera 6+/Win
  • Mozilla 1.7.1+/Win
  • Firefox 1.0+/Win
  • Netscape 8+/Win
  • Firefox 1.0+/Mac
  • Safari 1.0.3+/Mac
  • Camino 0.6/Mac
  • Firefox 1.0+/Linux
  • Konqueror 3.3.2/Linux
  • Lynx/Linux

Eingeschränkte Unterstützung (siehe Abschnitt 3.2):

  • IE 5.x/Mac
  • Netscape 4

Download

Vollständiger Download der aktuellen Version des YAML Frameworks (HTML+CSS).

YAML Version: 2.1.1
ZIP-Paket: 04.02.06
Download YAML

Unterstützen Sie YAML

Verwenden Sie YAML erfolgreich für ihre Projekte?
Dann würden wir uns freuen, wenn Sie die Weiterentwicklung von YAML unterstützen.

Creative Commons

Creative Commons License

This work is licensed under a Creative Commons Attribution 2.0 Germany License.

YAML Links

YAML Version 2.1.1

Komplexe Zusammenhänge einfach und verständlich zu erklären, bedeutet viel Arbeit. Und so wächst YAML - so hoffe ich es jedenfalls - mit jeder Version ein Stückchen weiter in dieser Richtung. Das Konzept hinter dem YAML-Framework, das Baukasten-Prinzip, wird in dem neuen einleitenden Kapitel ausführlich erklärt.

Die freie Anordnung der Inhalte im Quelltext - seit langem ein von vielen Seiten gehegter Wunsch - wird in einem umfangreichen Abschnitt detailliert beschrieben. Hinzugekommen ist weiterhin eine Skiplink-Navigation, die in Screenreadern das direkte Anspringen der Navigationselemente oder des Inhalts ermöglicht. Weitere Details zu den wichtigsten Änderungen finden sich im Changelog.

Das Forum wurde ebenfalls erweitert. Ich hoffe damit, das Feedback besser sammeln zu können, so dass sich mein Aufwand, gleichartige Fragen per E-Mail mehrfach beantworten zu müssen, reduziert und eine allen Nutzern zugängliche Informationsbasis geschaffen wird.

»»» zum Start des Tutorials.

Galerie

Die Flexibilität von YAML lässt sich am besten an konkreten Beispielen verdeutlichen. Daher folgen hier einige Websites, die YAML bereits einsetzen.

High Resolution Weblog
Link zur Website

ExpressionEngine-Template | Fixes 2-Spalten-Layout


PostNuke Support
Link zur Website

PostNuke-Theme | flexibles 2- und 3-Spalten-Layout


Gymnasium Blomberg
Link zur Website

Flexibles 3-Spalten-Layout


Heimwege.de
Link zur Website

Fixes 2-Spalten-Layout