Page 1 of 1

Blueprint CSS Framework - simple layout grid

Posted: Sat 8. Sep 2007, 10:57
by marcus@localhorst
Hiho,

I just want to point you to the great Blueprint CSS Framework for verrry easy column/grid based layout.

The aim is simple developing multicolumn layouts in a typographical line.
Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.

Features:

* An easily customizable grid
* Sensible typography
* Relative font-sizes everywhere
* A typographic baseline
* Perfected CSS reset
* A stylesheet for printing
* Compressed version
* No bloat of any kind
http://code.google.com/p/blueprintcss/

I was able to setup a solid layout with blueprint in a very short time:
av.plot-express.com/index.php

take a look to the sourcecode / css files and you will understand.

the integration into phpwcms is similar to include YAML, use CUSTOM Blocks in phpwcms to setup your columnes..
I've kicked the frontend.css and include just a basic.css in the template section. The basic.css includes the blueprintframework on top and my custom styles as followed.

easy! (if you understand phpwcms and css ;-))

The magic of Blueprint is just, they did the math and the logic for you (margins, widths, floats, line-heights) and you just select the classes you need to develop your "holy-grill" - and everything stands in line. The rest of CSS fancy is up to you.

only fixed layouts will work!

Maybe you will find this useful.
m.

Posted: Sat 15. Sep 2007, 04:14
by jsw_nz
Hi Marcus

- very interested in this
- awaiting your magic touch to future exemplary wcms|marcus installs

will investigate as well....
i prefer the 3rd layout option - custom css main block
- have you developed in such a way???


:D

Re: Blueprint CSS Framework - simple layout grid

Posted: Sat 25. Apr 2009, 21:36
by elkay
this is how it looks like in opera (winxp, opera 9.64)
test1.png
is this a matter of blueprint or the implementation ?

lukas

Re: Blueprint CSS Framework - simple layout grid

Posted: Sun 26. Apr 2009, 01:06
by marcus@localhorst
wtf... thats looking ugly :D
well - i don't think it depends on blueprint. even if the site is "older" and made with a previous version, and you use the current opera...
please don't take this site as example, somethin went wrong, but I am sure it not depends on bluprint. it's a very robust framework.
btw, thanks for pointing this out.
m.