Changing Grid Units in the Blueprint CSS Framework
(Page 1 of 4 )
Among the dozens of CSS frameworks available these days on the web, there’s one that stands out from the rest due to its impressive features and flat learning curve. In this particular case, I’m speaking of Blueprint CSS, a robust CSS library created over the last year by Oval Frihagen Bjørkøy that permits you to build all sorts of clever web page layouts by using a clean, grid-based approach.
Introduction
So, if you’re interested in learning how to include this CSS framework in your design toolbox and take advantage of its remarkable functionality, then you should start reading this series of articles. In its different parts you’ll be provided with a comprehensive guide that hopefully will get you started using the numerous features that comes packaged with Blueprint CSS.
Naturally, if you already read the first chapter of this seven-part series, then you're probably familiar with using Blueprint CSS at a basic level. In that article I explained how to use the framework for constructing a simple web page layout made up of three columns and the classic header and footer sections.
Apart from the rudimentary characteristics of this sample layout, it came in handy for implementing some core features offered by Blueprint CSS, such as displaying and hiding its background grid, in addition to making use of its “span-x” classes for dropping columns quickly across the web page.
However, I’m only scratching the surface when it comes to leveraging the functionality of this framework. It comes bundled with many other handy features that need to be explored more deeply. With that idea in mind, in this second installment of the series, I’ll be demonstrating how to develop a two-column design with Blueprint CSS by tweaking its column units.
The experience will be quite educational, trust me. So please, start reading now!
Next: Review: constructing a three-column design with Blueprint CSS >>
More Style Sheets Articles
More By Alejandro Gervasio
