960grid versus Blueprint CSS Framework
8:13 AM in 960grid, BlueprintCss, CSS, jQuery by Vic Russell
Recently, I began using the 960grid and Blueprint CSS frameworks.
For fast page prototyping, these css libraries (i.e. grid frameworks) are very useful. I did notice many issues when attempting to use more complex layouts – there is little room for any deviations, such as adding borders (Blueprint in particular)!
That is when I began adding float-fixes and other css classes to compensate for the issues inherent in these CSS frameworks.
This begged the question - did this truly save me time over a custom css framework based on the specific page layout?
Yes, I do believe it did save time. The basic page structure can be created super-fast. I didn’t have to worry about any heavy lifting just to get a container, subcontainers, and ribbon menus aligned and floated properly. It was just a matter of adding a class definition for the element (<div id=’mydiv’ class=’span-6′>).
NOTE: I trashed the YUI layout grid trial – too much overhead for my taste. That is not a critique, but I love jQuery and don’t want to integrate another JS lib for a basic grid system. If I am incorrect in my assumption – and someone can point me in the direction of simplistic get-er-up-and-running-fast documentation (versus Yahoo!’s rather messy but comprehensive docs), I will invest an afternoon.
I will go into more detail as time permits, and I am going to try the YUI layout grid system. Then I will do a comprehensive analysis of the features and drawbacks of each.
I will also cover how the following jQuery stacks integrate with each framework:
- jQuery UI
- jQuery plugins
Thanks,
Vic.