Blueprint 0.6 Released
Posted on September 21, 2007. 56 comments.
Today marks the release of Blueprint, version 0.6.
This release is quite literally miles ahead of what 0.5 ever was, and is a giant leap towards what we’ll eventually call version 1.0.
Some of the highlights include:
- A much more sensible directory structure.
- A new plugin system.
- Lots of functionality extracted into plugins, keeping the core files sweet and nimble.
- New test suite for proper browser compatibility testing.
- We’re back to using em units for all vertical sizing, although with a much better implementation than what we had in 0.4.
- New ruby scripts for compressing and validating the CSS.
- Proper styling of forms.
- Tons and tons of bugfixes.
Check out the way too extensive changelog for more details.
I’ll write more about each change in future posts, but it’s just way too much ground to cover in one sitting.
For now, just head over to the Blueprint site to grab your copy. :)
(Also: Polar Bear)
56 comments
Marius Brustuen says:
Looks very promising! Now if only I had something proper to write about…
I also saw you were featured in Smashing Magazine’s latest post, congratulations!
Ricky Irvine says:
This Blueprint stuff is exciting. Very well done thus far.
I was poking around the files, and I noticed one thing (which, forgive me if this has already been discussed or examined). The images do not re-size/scale with the text. This is something I am wondering about as of recently. Should or should not the images scale with text?
In the sample.html file, everything scales except for the width of the design (and of course the image). So, if the width is not scaling, should the image? Or not? I’m not sure. Are there any disadvantages I am not seeing?
Here’s an un-thoroughly-tested example I made of what I’m talking about: http://www.dressedinvalue.com/tests/image-scaling/.
Olav says:
@Marius: Thanks! Now start blogging you procrastinator! ;)
@Ricky: Thanks!
I see your point about image resizing, and I think this would be a great feature. I like your implementation, so if you’d like to implement this in BP, send me an e-mail.
If not, I’m quite sure I’ll do it myself. :)
Ricky Irvine says:
Something I am insure about with my image-scaling method is: should the user/designer be expected to specify the em width for each image that is posted on a site (such as a blog or news site, where images are posted frequently and might not be a standard size)?
I haven’t tested this, but I wonder if we can not specify the image width, and still get CSS to scale the image.
Olav says:
Yeah, it would of course be best if you didn’t actually need to set the width.
John says:
I can’t believe it, awesome timing! I’m starting to build a major ecommerce site redesign tomorrow and was hoping 0.6 would make it in time ;) Thanks for all your work guys, I’ve used 0.5 on http://www.tasmanlabs.com and it made development so quick and easy, even with a custom grid. Probably cut css time by 75%, from concept to site in one evening, and the code is so clean. Looking forward to getting into 0.6.
Olav says:
@John: Sounds good. Let us know what issues arise, if any, when you’re using BP on a live project. :)
Dirk Hermanns says:
Hi Olav, cool stuff. The framework is great. I have found a bug in the elements.html - on line 77 the -element is missing. maybe someone else has detected it first, but i’ve nothing found yet.
(Sorry about my bad english, i promise to get better.)
Olav says:
@Dirk: Thanks!
(I assume you mean the LI element. My CMS seems to strip out HTML tags, sorry about that. :)
Marco says:
0.6 is simply great! I am using it directly from the svn trunk in a new project, a german site devoted to life hacks and geek stuff. I have combined the blueprint css with some typography stuff and the django framework which produces great output, easily readable and elegant.
thanks for that great stuff. oh, btw: blueprint was mentioned in smashingmagazine.com’s list of css frameworks.
Italo Maia says:
I’m starting using it, and i’m liking it very much! I’m using it with django, too! ^^ By the way, i missed a “class - functionality” list and some list(ol,ul) support ^ ^. Great framework!
Italo Maia says:
By the way, blueprint doesn’t work with elinks. Everything renders like a list. One box below the other.
Alex Tran says:
Great timing. We just launched a site using BP 0.6.
http://shineinc.org
This was our first experience with any CSS framework and I’m happy to say we will definitely keep an eye on future BP development.
Nick says:
In BP 0.6 I think a typo has sneaked into the compressed version of screen.css.
Line 36 is: quotes:; but I think it should be: quotes: “” “”;
and line 149 should have ‘monotype.com’ in single quotes to validate the CSS correctly.
Otherwise, a great, usable package - thanks.
Olav says:
@Nick: Thanks, I’ll check it out.
griff says:
Wonderful work. I might use it for a student newspaper site. I was wondering if liquidity was still in the works…
Thanks,
-griff
Speed Dating says:
Thank you for the excellent, hard and detailed work - and particularly for sharing it!
generic viagra says:
Hi. Thanks for the info. Very Good article!
Kiel Frost says:
I have been examining the latest blueprint framework which looks extremely promising… I have just convinced the business to allow me time to implement this framework and redesign our news website because I believe the framework will allow me to add additional features in a speedy manner… can any give me an example of a website that has implemented the blueprint framework? The site that I will be looking at implementing this framework is http://www.thedaily.com.au which uses Django and Ellington and has a close affiliation with LJ World
Sherwin Techico says:
Nice to know there’s a lot of updates on this release… might want to update what’s on google-code =) I keep referring to it and submitting issues on your olders posts
Anyways, digging the framework. I was looking at this and Tripoli but I’m still iffy on the reset on it–it does look promising as well.
PS. @John/tasmanlabs.com: Did a browsercam session on your HP if you don’t mind… looks good = http://www.browsercam.com/public.aspx?proj_id=385280
Rene Visco says:
I consider myself a novice…blueprint CSS blows my mind! Cannot believe how easy it is to create grid-based layout.
Wonder if it’s possible to apply text alignment to each div?
Like this:
Text will be aligned center
Text will be aligned right
I don’t know if it’s overkill, but it can help me in long run, saving time.
Wynn Trinh says:
Olav, Very cool indeed.
-wynn
Leon says:
Blueprint is really nice
I noticed on the plug ins you has to put the image for the tick etc in-line which I thought is not that nice (I could be wrong). So i did a quick mod/plugin for the plugin
I made a file called buttons_img.css
now you can create a button like this: Button and it will add the image… the css for that is below
[code] button.cross, a.cross, a.cross:hover, button.cross:hover { background: url(icons/cross.png) no-repeat;} button.tick, a.tick, a.tick:hover, button.tick:hover { background: url(icons/tick.png) no-repeat; } button.key, a.key, a.key:hover, button.key:hover { background: url(icons/key.png) no-repeat; }
button.key, button.cross, button.tick, a.key, a.cross, a.tick, button.key:hover, button.cross:hover, button.tick:hover, a.key:hover, a.cross:hover, a.tick:hover { background-position: 8px 4px; padding-left: 30px; padding-right: 5px; } [code]
jermaine says:
Thanks for the framework! Just finished a site for my friend - www.brianjonesonline.com - the ease in which I was able to build it was amazing. Now only if I can find a designer to design for me cause my graphic design skills are very elementary :D
Google Adsense says:
Blueprint is really nice
Alejandro Vasquez says:
Hi
Thank you for all the work, I’m really having lots of benefits from using blueprintcss, including time savings. I’ve made a simple Help Sheet that needs to be improved, but that may be useful for somebody.
Check it if you will and let me know if you have comments or suggestions.
Thanks AV
http://www.digitart.net/blueprintcss/bluebrintcss.pdf
buy HGH says:
Great content. Thanks again !
gabi says:
Hi, I know somebody who would like to use blueprint but can’t because living in a google says ‘forbidden’ country. What can she do? Is it ok to send her the stuff?
Denis says:
HGH says: “Great content. Thanks again!”
Yes… Thanx U!
Загородный домик says:
It’s interesting to read ideas, and observations from someone else’s point of view… it makes you think more. So please try to keep up the great work all the time.
James says:
Looks very promising! I also saw you were featured in Smashing Magazine’s latest post, congratulations!!!
James says:
Looks very promising! I also saw you were featured in Smashing Magazine’s latest post, congratulations!!!
sicily property says:
blueprint css is fantastic
Sicily property says:
same again its just great
dimas says:
nice article.I from Ukreine
turist says:
Very good
Tatyana says:
Thank you for all the work
Первый нах says:
Каталог телефонов Samsung says:
Круто блин!
Zerger says:
Very useful, thanks!
man says:
I like it ! )))
dıs cephe says:
Thank you for all the work.
hekimboard says:
thanks..
Andres says:
Thanks for the info!
psp Games says:
Hey, what’s up?
Wond Seo-UL says:
I was not aware of “Blueprint”. I bet I will save a lot of time by utilizing this. Thanks for letting me know about “Blueprint”
Yuri says:
Thank you for all the work
Novo says:
Oh this is good.
fibercement says:
thanks a lot.
dış cephe says:
teşekürler arkadaşlar.
hekimboard says:
Very useful, thanks!
turksiding says:
ıts good job.thanks.
dış cephe says:
teşekürler ..
mantolama says:
tahanks a lot.
Nog says:
This article is really interesting.
Max says:
Your site is great and I really appreciate it! I have always enjoyed reading your site.