Random Musings

July 8, 2009

BluePrint, YAML and 960 GridSystem

Filed under: css — haditeo @ 3:47 pm

First of all, you might ask me ? What are those ?

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.


YAML “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.


The960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

3 years ago, i have learned CSS extensively to promote table-less design by using CSS. The painful of manual learning is i need to carefully calculate each of the div boxes, reset the position, calculate the boxes width etc. Not to mention that there is browser quirks means that the layout seen in the IE might be not the same if it’s seen on FireFox.

While i browsed around JQuery most popular plugin list, JQuery UI Layout is on the top of the list.

and then i browsed around my favorite website Stack Overflow, and i found some suggestion that there are some CSS framework. That’s when i found these CSS frameworks. Really fabolous, by looking at the demo or sample page. It’s definitely reduce countless hours of calculating and trying to match the design by using div’s.

This article is definitely a must to read to compare each of the css grid framework.

Since my next task was to layout my .ASPX page according to the Dynamics CRM Forms, i will try Blueprint to design the data entry form layout.


Create a free website or blog at WordPress.com.