• 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
  • IE 7.0 Beta/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 des YAML Frameworks (HTML+CSS).

YAML Version: 2.3
ZIP-Paket: 09.04.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 Community Foren
    Updateinformationen, Anwendungsfragen, Seitenvorstellung, Weiterentwicklung
  • Typo3 & YAML
    Einbindung des YAML-Frameworks in das Content Management System Typo3
  • High Resolution Weblog
    Das Weblog des Autors zu Digitaler Fotografie, Bildgestaltung und Webdesign

YAML Version 2.3

Die aktuelle Version bringt einige Änderungen mit sich. Auslöser war der Wunsch, den 3-Pixel-Jog Bug des Internet Explorers in den Griff zu bekommen und damit auch die pixelgenaue Gestaltung fixer YAML-Layouts zu vereinfachen. Die vielfältigen möglichen Gestaltungsvariationen macht es bei genauerem Nachdenken auch Sinn, dass sich nicht jedes IE-Problem in jedem Layout über eine einzige gobale iehacks.css lösen lassen wird. Nicht jeder Bug tritt in jedem Fall auf und die Nebenwirkungen bestimmter Hacks stören gelegentlich auch mal.

Die Anpassungen für den Internet Explorer werden daher in Zukunft ebenfalls layoutabhängig verwaltet. Auf einer übersichtlicheren Verwaltung der CSS-Dateien liegt auch das Hauptaugenmerk der Änderungen in der Version 2.3. Weiterhin wurden die Dateien des Tutorials etwas besser geordnet und die Layoutbezeichnungen vereinheitlicht, was der Übersicht zu Gute kommt. Weitere Details zu den Änderungen der Version 2.3 finden Sie im Changelog.

»»» 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

Fixes 2-Spalten-Layout


Gymnasium Blomberg
Link zur Website

Flexibles 3-Spalten-Layout


Blogstoff-Weblog
Link zur Website

Elastisches 2-Spalten-Layout


Herrenpop Homepage
Link zur Website

Fixes 2-Spalten-Layout