Before you start with YAML, you should know why to use a CSS-Frameworks and know its advantages and disadvantages, as described in the sections above.
The most popular CSS-Frameworks are YUI Grids (part of the Yahoo! User Interface Library) by Yahoo, Blueprint CSS, 960 Grid System and YAML (Yet Another Multicolumn Layout). They have a great deal in common, but then again they don’t. The grid-based frameworks YUI, Blueprint and 960gs are building blocks that allow you to create a good-looking layout within a specified grid quickly. The grid simulates table behavior – which makes it easy to understand, but at the same time contradicts central CSS-principles like separation of content and layout. YAML is more focused on creating individual, professional layouts based on the best practices and principles of CSS. YAML also has the best documentation and is the only CSS-Framework where you can choose between different layout types (elastic, liquid, fixed) and measurements (%, em und px). That gives you more flexibility, usability, mobile support and accessibility with YAML compared to Blueprint CSS, YUI Grids or also 960 Grid System.
Comparison YUI, 960, Blueprint & YAML
|

|

|

|

|
| Framework Extent / Abilities |
large |
small |
middle |
middle |
| Ready for Simple Layouts |
 |
|
|
 |
| Ready for Complex / Fancy Layouts |
|
|
|
|
| Effort after Practice |
small |
small |
small |
small |
| Liquid Layouts |
|
(w/ plugin) |
(w/ plugin) |
|
| Grid Layouts |

(variable, %) |

(fix, 12 oder 16) |

(fix, 24) |

(variable, %) |
| Flexible Float Layouts |
|
|
|
|
| Layout Templates |
|
 |
|
|
Design Templates
(PDF, Fireworks, Photoshop, Illustrator, OmniGraffle, Visio) |
|
|
|
|
| Documentation / Transparency |
|
|
|
|
| DotNetNuke Adaption |
|
|
|
|
| Builder-Tool |
|
|
|
 |
| Print Optimizations |
|
|
|
|
| Content Creation Optimizations |
|
|
 |
|
| Ready for Mobile Devices |
 |
 |
 |
 |
| jQuery Integrated |
 |
|
|
|
Accessibility-Unterstützung
(liquid / flexible Layouts, flexible font measurement,
skip-lnks, structure- and layout-dependent bugfixes...) |
|
|
|
|
| Auto float clearing |
|
|
|
|
| Open Source |
|
|
|
|
| License |
CC-A 2.0 |
GPL & MIT |
modified MIT |
BSD |
Advantages of YAML:
- Designed for accessibility
- YAML Builder
- Robust, flexible layout concept
- Modular construction, user-oriented functionality
- Complete multilingual documentation