By Peter Bell

Beautifying Blueprint CSS

Posted At : December 13, 2007 1:11 AM | Posted By : Peter Bell
Related Categories: JavaScript, jQuery, CSS
Paul Marcotte just put together a proof of concept for using jQuery to beautiful the kind of css required to make Blueprint work . . .

[More]

Comments (6) | Print | del.icio.us | Linking Blogs
Comments
[Add Comment]
Sounds like you need a screen saying:

"Javascript is requesied for this site"

This screen should show after your flash into (which *doesn't* have a 'skip into' button (<-- apparently one of the most clicked links on the web))
:D
# Posted By Nick Tong | 12/13/07 6:13 AM
With the ubiquity of ajax and js fancification of the web, the likelihood of a user turning off javascript is low. My workaround was to transform a semantically elegant class declaration (from a designer's perspective), to a semantically elegant id declaration (from an information architect's perspective). Designers don't give a hoot what the div is called as long as it looks good.

What I'd really like to see is a way to pull off the jQuery workaround inside CSS itself. Something like: div#head { apply: [classname] }, where you an array of predefined classes to define the style. I did a little reconnaissance on this topic, but no luck. :(
# Posted By Paul Marcotte | 12/13/07 1:16 PM
That would be nice - but I don't *think* it is supported - unfortunately!
# Posted By Peter Bell | 12/13/07 3:53 PM
It's funny because I just created a semantic layout generator for Blueprint that is a lot alike in its implementation. You pass the IDs into a method and then layout your page. It'll spit out the CSS that you need so that you don't have to add classes in your HTML. There's a full writeup with links to the code and a how-to on Bajooter [1].

1. http://bajooter.com/archives/blueprint-css-archite...
# Posted By Dustin Boston | 1/8/08 9:22 AM
Hey, Great link and great work. I'll definitely have to play with that!
# Posted By Peter Bell | 1/10/08 5:55 AM
Peter, this is exactly the line of thinking I'm taking as well. Blueprint has the layout but jquery has the ease of use. Nice post=).
# Posted By Evan Moran | 1/13/08 2:49 PM
[Add Comment]
BlogCFC was created by Raymond Camden. This blog is running version 5.005.