Comments on: Using Blueprint CSS for easier CSS layouts in WordPress

By: lizzie

lizzie — Tue, 30 Mar 2010 15:52:39 +0000

hi im using scrapbook theme and they used blueprintcss to program it. i just want the posts and pages to be in a bigger container. how to do? im not a programmer just need help.

By: Paul Smith

Paul Smith — Mon, 30 Nov 2009 15:08:36 +0000

Absolutly, we also integrated it in our solutions at http://www.bug-hotel.org/, and working great

By: Carlos A. Cabrera

Carlos A. Cabrera — Tue, 07 Jul 2009 16:55:46 +0000

Absolutely, we designed and built http://www.discoveryacademyinc.com using BlueprintCSS and Wordpress… these tools are flexible enough to do anything.

By: Steve Bruner

Steve Bruner — Fri, 29 Feb 2008 20:12:28 +0000

We just released a WordPress theme based on BluePrint CSS. Makes it real easy to implement.

You can see it here:http://www.slipfire.com/sf-blueprint-wp-theme-52.htm

By: MyDeskBlog.com

MyDeskBlog.com — Wed, 27 Feb 2008 13:48:36 +0000

I am currently rebuilding my blog with Blueprint CSS. In fact, I started to overhaul it 2 weeks ago using 0.6 and for the past few days, making the necessary changes to bring it up to BluePrint 0.7. These are a few things I have to say about BluePrint. Bear in mind that so far, I’ve only used Blueprint’s grid layout CSS extensively.

First off, Blueprint can’t do liquid CSS at the moment. Period.

No bloat of any kind, well, is not true I’m afraid. You do have to include Blueprint’s screen.css at the very least. And that file is not considered small even in compressed format.

My blog theme’s CSS layout were done using 0.6. Every divs in my html pages are littered with codes like these:

Having to put in CSS layout codes in HTML files is not a good practise. But things have changed with 0.7. I’m most excited to know that the above div can easily be declared like this:

That’s all!

Blueprint 0.7 comes with a compressor.rb script that easily declare a div’s width, margin, float and such into an ID or Class. Where previously, in 0.6, you have to manually edit the CSS to do this.

In essense, I find that Blueprint is something like a construction site scaffold. Where it can be completely removed once your site’s layout is finalised.

In my case, I would most likely copy and paste the necessary layout IDs and Classes from screen.css to my main stylesheet. And drop the screen.css file. No bloat to my stylesheet then I suppose.

By: Miriam Schwab

Miriam Schwab — Thu, 14 Feb 2008 09:59:53 +0000

Ryan – maybe, but for people who want to do a complete custom design from the bottom up, this could be really helpful. Anything that makes CSS layout less of a nightmare is helpful IMO.

By: Ryan

Ryan — Thu, 14 Feb 2008 09:51:18 +0000

The average blogger is working on too small a scale to have any use for this type of solution IMO. You don’t want to be resetting everything under the sun for a basic blog, otherwise you are just adding redundant code to your site.