From Kyle.Adams at gfs.com  Mon Aug  6 10:48:55 2007
From: Kyle.Adams at gfs.com (Kyle Adams)
Date: Mon Aug  6 10:47:16 2007
Subject: [Barcamp] Blueprint CSS
Message-ID: <46B6FC95.6F65.0052.0@gfs.com>

Hey, just wanted to point out an excellent resource that just hit my radar this weekend:

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

This CSS (and associated resources) does pretty much everything Calvin and I talked about in the YUI grids/design presentations.  Basically having a well-designed web site just got even easier:

* Resets and baselines browser default CSS to provide a more consistent appearance across browsers
* Baselines layout to a 18px line height
* Defines sensible typography (e.g., defining a custom font for ampersands as covered in the "Web Typography Sucks" presentation)
* Provides an alternative to YUI Grid for grid-based layouts
* Provides an intelligent default layout, 960px with 14 50px units (Hint: if you use 2 units for a sidebar or nav column, you end up with the magical number 12 units left over; anytime your total units is divisible by 3 or 4, you've got a nice setup for 3 and/or 4 column layouts)
* Even includes a print stylesheet

Blueprint CSS is a competitor with YUI's reset-fonts-grid.css and base.css; while I'd like to see the two projects merge, there is some benefit from having the competition between the two.  Blueprint CSS brings some compelling new features to the table, giving it a technical edge on YUI CSS, but YUI has a tremendous community behind it.  It'll be interesting to see what the future holds for both projects.

At the very least, Blueprint CSS can help serve as a "best practices" example no matter which approach (YUI, Blueprint, or home-grown) you end up taking.

Kyle

PS - Blueprint's original web site, at http://bjorkoy.com/blueprint/index.html , is also a good example of what Blueprint brings to the table.  Notice the vertical rhythm as marked out by the lined background.

From Kyle.Adams at gfs.com  Tue Aug  7 13:34:25 2007
From: Kyle.Adams at gfs.com (Kyle Adams)
Date: Tue Aug  7 13:32:50 2007
Subject: [Barcamp] Blueprint CSS
In-Reply-To: <46B6FC95.6F65.0052.0@gfs.com>
References: <46B6FC95.6F65.0052.0@gfs.com>
Message-ID: <46B874DF.6F65.0052.0@gfs.com>

> Hey, just wanted to point out an excellent resource that just hit my radar 
> this weekend:

Another new fun thing...

http://robgoodlatte.com/2007/07/31/syncotype-your-baselines/ 

A bookmarklet to apply a baseline grid (without images) to your page,  
so you can check your vertical rhythm.

Hit tip to AJ Penninga for pointing this out to me...

Kyle

From karl at learningjquery.com  Tue Aug  7 13:37:01 2007
From: karl at learningjquery.com (Karl Swedberg)
Date: Tue Aug  7 13:35:10 2007
Subject: [Barcamp] Blueprint CSS
In-Reply-To: <46B874DF.6F65.0052.0@gfs.com>
References: <46B6FC95.6F65.0052.0@gfs.com> <46B874DF.6F65.0052.0@gfs.com>
Message-ID: <55C6C868-EBF1-4915-939D-98B45BD2610A@learningjquery.com>

On Aug 7, 2007, at 1:34 PM, Kyle Adams wrote:

> http://robgoodlatte.com/2007/07/31/syncotype-your-baselines/
>
> A bookmarklet to apply a baseline grid (without images) to your page,
> so you can check your vertical rhythm.


... and optimized by Samuel Bowles (born and raised in Grand Rapids) ...

	http://samuel.bowles.es/2007/08/syncotype/


--Karl
_________________
Karl Swedberg
www.learningjquery.com
www.englishrules.com


-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.gr-jug.org/pipermail/barcamp/attachments/20070807/49028415/attachment.htm