Pete Tracey » CSS http://www.petetracey.com A blog about music and technology and miscellaneous other things that make up my life Fri, 10 Jun 2011 15:53:36 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Blueprint CSS Framework http://www.petetracey.com/2009/12/blueprint-css-framework/ http://www.petetracey.com/2009/12/blueprint-css-framework/#comments Fri, 18 Dec 2009 09:30:39 +0000 Pete Tracey http://www.petetracey.com/?p=86 I stumbled on the BluePrint CSS framework, seeing it used in another blog’s template. I had no idea there was such a thing as a CSS framework. So I’ve been playing around with it this morning.


I first wanted to try it out on a very simple page, and the public end of the bbpointofsale.com site is very simple but uses a lot of floats which are replaced in the framework with the concept of a “grid.” It makes things a lot simpler.


There was one tricky part, the content of bbpointofsale.com is centered ala most Google pages. In screen.css there is a container class that you use when you want to use grid layouts. The default width is 950px so it doesn’t center at all. I was only using 18 columns in my grid and the math for width of columns is columns * 40 – 10 = width so I changed it to this:

.container {width:710px;margin:0 auto;}

Viola! Centered content with the magic of grid layouts!


bbpos


My initial impression is that the Blueprint CSS Framework is well worth learning and using for reduced development time and great simplicity and easier maintenance. Two thumbs up!

]]> http://www.petetracey.com/2009/12/blueprint-css-framework/feed/ 0