Home

Bulletproof & Flexible Layouts Made Simple

"Yet Another Multicolumn Layout" (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.

• Focussed on web standards and accessibility
• Slim framework core with numerous extensions
• Robust, flexible layout concept (columns & grids)
• Design patterns for typography, forms, mircoformats, rtl support ect.
• Complete multilingual documentation

You always want to be kept up to date? Follow @yamlcss on Twitter.

YAML Builder & Simple Project

The YAML Builder is a tool for visually creating YAML-based CSS layouts.  It allows for the setting of basic layout characteristics like the number and positioning of the content columns, as well as the dynamic creation of grid-based layouts by dragging and dropping subtemplates. Not quite WYSIWYG, but close!

The code generated by the Builder is based on the file structure of the "Simple Project" template, so that the complete result can be copied and pasted directly, without changing a thing. The required XHTML markup, the screen layout, as well as the layout-specific adjustments for Internet Explorer are all automatically generated. 

The current version 1.2 is based on the functionality of YAML 3.0.6 and does not yet support the creation of the full-page layout variations (see the Layout Examples). The generated code is already fully compatible with YAML 3.2.