Topic: Use the Blueprint CSS template to save time

Here is a CSS tip I'd like to share...

I've been using Blueprint CSS for 12 months:

http://code.google.com/p/blueprintcss/

When you build a site with Blueprint, it looks almost identical on all browsers. Its uses a grid system to help you layout your content in columns.

It increases your productivity and if you manage lots of websites, using Blueprint will help you update them faster even if you haven't touched the site for months.

Re: Use the Blueprint CSS template to save time

Out of curiosity, what caused you to choose Blueprint instead of 960 or one of the other grid systems?

Honored to Serve for Him - Tom ('Mas) Pickering <)><

Re: Use the Blueprint CSS template to save time

I looked at the CSS and the way the creator had approached the task of resetting the CSS first and then creating 40px columns. It is logical and gives structure without being overly restrictive.

I didn't try 960 or any other CSS grids.

This is a handy cheat sheet if you do choose to use Blueprint CSS:

http://blueprintcss.org/blueprint-cheat-sheet.pdf

Re: Use the Blueprint CSS template to save time

I took a hard look at Blueprint a long time ago and felt too boxed in by it.  Guess I'm set in my ways and like more flexibility of placement.  I do learn new things but a lot slower than I used to.  Changing major processes though really throws me for a loop. smile

That's my 2 cents :^{>

Honored to Serve for Him - Tom ('Mas) Pickering <)><

Re: Use the Blueprint CSS template to save time

I, too,  have started working with Blueprint CSS - but only recently.  I'm not completely hooked on it yet, but I like the fact that there's a Drupal starter theme so I can use the same CSS classes on Drupal and non-Drupal sites.

Last edited by gnelson (2009-01-23 14:37:01)

Re: Use the Blueprint CSS template to save time

I've used Blueprint in the past, but have been using 960.gs more frequently as of late. wink

Give me liturgy or give me death.

Re: Use the Blueprint CSS template to save time

Not to kiss Nathan's butt... I never really got on board with css frameworks until 960 came around. I find it very easy to use and very intuitive. The only other CSS framework I've tried is Blueprint (before 960 was available) and wasn't too fond of it - I think mainly because it tries to do too much (vertical text aligning, and other styles that I would typically overwrite).

Daniel Marino | www.iamdanielmarino.com

Re: Use the Blueprint CSS template to save time

I used 960 for my most recent site. I spent quite a bit of time on it and got to know the 960 framework quite well.

However, it threw up layout problems in IE8, IE7 and IE6. It was also slower to learn than Blueprint and finding bugs in my code took longer.

My conclusion is to recommend Blueprint as the best CSS framework.

Blueprint: http://code.google.com/p/blueprintcss/
Grid 960: http://960.gs/

Re: Use the Blueprint CSS template to save time

Got to put in my word for 960.gs
I just started using it two days ago and though I wouldn't claim to have used many of it's advanced features, but it was a cinch to build a site on and looked great in all the browsers I threw at it.
I am biased as I have not given much time to other frameworks, but if I learned it in 2 days, I'm sticking with it until I'm sick of it.

10

Re: Use the Blueprint CSS template to save time

Now this thread has sprung back to life -- does anyone want to throw in a comparative view on the YUI Grids system?

Edit - a wee search turned up this helpful discussion.

Last edited by DjR (2009-05-19 15:27:34)

David Reimer  //  ↪ "If you know the resurrection is coming, it's impossible to be in utter darkness." — Tim Keller ↩