Davs Rants and Random Thoughts

November 9, 2006

Introducing YUI CSS Grid Builder

Filed under: yui, css, javascript, code, Yahoo! — Dav Glass @ 10:39 pm

The YUI grids CSS libraries are fantastic (thanks Nate), but they can be quite complex. So following in the footsteps of my other YUI Tools, I have made them a little easier.

Using my new YUI CSS Grid Builder, you can now see what the page will look like before you even code it 8-) It should support all of the grids templates as well as every combination of special grids.

I even added support for over-writing the default page size.

Drop me a note to let me know what you think.

Enjoy 8-)

Add to:
| Digg it | Slashdot | Y! MyWeb

11 Responses to “Introducing YUI CSS Grid Builder”

  1. MyAvatars 0.2 Daniele Says:

    Great job Dav!It is a great tool and i will save a lot of time!!! I think that u can improve this tool adding a text box to set custom page size because slider doesnt allow to set size accurate at px

  2. MyAvatars 0.2 Dav Glass Says:

    Thanks..

    The first version did that, but I was trying to make it “easier”. I’ll add that back into the next update tonight 8-)

  3. MyAvatars 0.2 Dav Glass Says:

    I just updated the Builders js file to allow for the user to set the body size without using the slider.

    However, in some cases the slider will “pick” a different value than the one that the user specified.. (Math problem, that I still need to work out.)

  4. MyAvatars 0.2 abomuhammed Says:

    cool !

    thanx,

  5. MyAvatars 0.2 Alx Says:

    Thanks, you’ve just save few hours in my life, and few years for Humanity, great tool!

  6. MyAvatars 0.2 sam Says:

    OMG…this is amazing.. is it all done in javascript too?

  7. MyAvatars 0.2 Dav Glass Says:

    The grids are all done via the YUI CSS Grids Library:
    http://developer.yahoo.com/yui/grids/

    The interface for my builder is built with the YUI Libraries:
    http://developer.yahoo.com/yui/

    And my Tools package:
    http://blog.davglass.com/files/yui/tools/

  8. MyAvatars 0.2 mwarden Says:

    Looks kind of similar to the proof of concept I sent along to the YUI list in May 2006… http://mattwarden.com/grids/

  9. MyAvatars 0.2 Dav Glass Says:

    @Matt –

    Yeah it does, I wasn’t on that list then (I didn’t start posting until June) & I don’t search it :)

  10. MyAvatars 0.2 kiel frost Says:

    great idea… how come it doesn’t allow you to put in specific width? like 920px. Also can you tell me why the other widths like 950px are standards?

  11. MyAvatars 0.2 Davs Rants and Random Thoughts » CSS Grid Builder in the news again Says:

    […] would have thought that it’s still getting all this love when I wrote it back in Nov of 2006. Add to: document.write(”Del.icio.us”) | Digg it | Slashdot | Y! […]

Leave a Reply

© 2008 Dav Glass - All content is mine, except comments. Comments are the property of the poster. I speak for no person or company.
Can you tell me what this says? 01000100 01100001 01110110 01101001 01100100 00100000 01000111 01101100 01100001 01110011 01110011