Blueprint version 0.9
Just after reporting that Blueprint is rather stable at version 0.8, a couple of big changes have prompted an update to version 0.9. Here's the skinny:
- Forms.css has been vastly improved with the addition of attribute selectors (so you don't have to use .text, .button, .checkbox or .radio classes if you don't care about IE 6) and formatting code for inline forms (if you want a form to be all inline, just add the class .inline).
- The conditional comment for IE is now [if lt IE 8], because IE 8 is good enough that we don't have to apply ie.css for it!
The new forms code is something I'm very proud of. Sean K. Stewart submitted the proposed changes, and I rolled it together with some ideas of my own to make this:
/* Form fields -------------------------------------------------------------- */ input[type=text], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } input.text, input.title { width: 300px; padding:5px; } input.title { font-size:1.5em; } textarea { width: 390px; height: 250px; padding:5px; } input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; } form.inline { line-height:3; } form.inline p { margin-bottom:0; }
I highly recommend that everyone upgrade their sites to this latest version, as I can't guarantee that previous versions won't create problems with IE version 8. As always, follow Blueprint on Twitter for the latest updates.
I like the idea of Inline form element but how we can make form like this in blueprint without extra css http://www.uie.com/images/forms_left.gif
jitendra: Use the "inline" class on <form>, then use nested columns. Actually, I think I'll put together a tutorial for this so you can see what I'm talking about.
Thx . I'm waiting for tutorial
Tutorial is here. View the demo page for the quick version.
Can we use BP for larger or smaller width size other than 950px?
Yes! You can use the grid generator script included with the project to build a custom grid, with your own width, column size, column margins, and # of columns, or you can just use the default grid with a custom size for .container and calculate the maximum # of columns accordingly. I've done some sites with a custom .container width of 760 (I think it was that) where I could do up to 19 columns per row (as in, a full width column was span-19).
There are also online tools that will generate your custom grid.
u mean we can make sites in BP with any width like 945px or 755 px, 975 px etc. in my company where i work i get design from design in many custom width and i thought in BP we can make site only width specfic proportion BP default width is in proportion of 40px
Give me one example how we can make BP site in max. width 900 px.
i really love working without any custom-grids, because: if i don´t have my sandbox, i can´t redo it. So: if i need for ex. only 870px width, i simply add "push-1" to every column… blueprint is just perfect "out of the box"!
btw: could you link to your tuts from blueprint.org?
edit: every tried VIMEO.COM for uploading HD-Videos? it´s best and got not that many restrictions…