Blueprint CSS Framework - simple layout grid

Post custom hacks and enhancements for phpwcms here only. Maybe some of these things will be included in official release later.
Post Reply
User avatar
marcus@localhorst
Posts: 815
Joined: Fri 28. May 2004, 11:31
Location: localhorst
Contact:

Blueprint CSS Framework - simple layout grid

Post 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.
User avatar
jsw_nz
Posts: 907
Joined: Fri 2. Apr 2004, 02:42
Location: New Zealand

Post 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
elkay
Posts: 3
Joined: Thu 24. Jul 2008, 11:35

Re: Blueprint CSS Framework - simple layout grid

Post 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
User avatar
marcus@localhorst
Posts: 815
Joined: Fri 28. May 2004, 11:31
Location: localhorst
Contact:

Re: Blueprint CSS Framework - simple layout grid

Post 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.
Post Reply