Skip to Content
Skip to Navigation

Fluid Grid System - sneak peak

11 May 2009 - 6 comments

A lot is going on for me recently. I'm starting a new Job, I'm engaged, and I'm also working on a new project based on the CSS grid system like 960 or Blueprint. It's called the...

Fluid Grid System

The idea is simple, instead of having to adapt your design to the grid, let's make a grid that will adapt to your design,  so you can choose the number of columns, the width of the page, or even use a grid on a fluid layout !

I already created a drupal version of this system, but it is still in a development phase, and I have a ton of documentation to produce... so more to come, and to have a little preview of what it does, have a look around there : http://fluidgrid.net

Add a comment 6 comments

Just what I´ve been looking

Just what I´ve been looking for!!!, Where can I download the same layout you use for the news example page?

I'm working on two things

I'm working on two things right now : getting the framework stable on all browsers, and the drupal version of it.
Also... well.. am on holidays right now :) so it's not happening as fast as it should. The best way to have a look at the code is to download the drupal version here :

http://drupal.org/project/fluidgrid

As for the source code of the example, it is included in the drupal project.

You might find some

You might find some inspiration/insight here:

http://960.gs/

Looking forward to seeing where this is going.

And why are you making blog entries while you're on holiday? You've got a life--keep it.

Haha, so true ! But it took

Haha, so true ! But it took me few days to get away from my laptop :)

Hubert Florin,

Well done on your progress for the Fluid Grid System!

Having tried the usual 'fixed' pixel based framework systems. I am disappointed at the rather poor reasoning to establish a 'lazy' fixed dimension as 'pixel' rigid. Fixed frameworks look ‘ungainly’ on modern 22”-32” monitors!

After months of my own pain and research the 2 winners appear to be; A) An older version of Blueprint's 'liquid plug-in' and B) A more recent adaptation of the 'fixed 960' framework.

Please note that you have my full support for this project and the resulting Drupal code. I am already working hard to implement it on my production website!

I have carefully compared the results from Blueprint 'Liquid' and your own modification to ‘fluid 960’. You will be pleased to know that your current method has so much LESS display flaws. In fact I struggle to find any, but - I can easily break the Blueprint 'liquid' version by just changing the MS Windows IE's or FF's Window size. In this test situation - the Blueprint 'liquid' version only fully recovers after a forced browser refresh (CTRL + F5). Your code deals it just fine (liquid magic).

Thanks for sharing this Drupal project!

Regards,
Peter Bowey
Computer Engineer

Peter Bowey Computer Solutions
69 Sutherland Ave, Hayborough,
Victor Harbor, SA, Australia, 5211
Ph: (08) 8552 8630
Fax: (08) 8552 9185
Mobile: 0414 440 575
EMAIL: support@pbcomp.com.au
WebSite: www.pbcomp.com.au
ABN: 22 145 153 678

Your Partner in Today's Computer Technology!

Thanks for the support, I'm

Thanks for the support, I'm really looking forward to have feedbacks from you or the community on this. I hope to have the "core" released before end of September.

Right Now, I'm only tweaking minor details, and thinking about how far should I get core for a beta release. I also have to write documentation, finish the development of the official site, and find an efficient way to track downloads :)

Again, thanks for your support, it's like gold found on a mountain track.

Add a comment