Create a CSS grid for your template in less than a minute

Setting up the template’s frame is probably the most boring part of designing a website. Yahoo UI library is making that much easier with it Grids Builder.

To use it, you’ll just have to set the body size, body columns, split content, a few accessibility options and the header/footer. Then you can hit the “show code” button to get your template code. That’s it!

custom body size

Screenshot: setting the body size

grid builder code

Screenshot: getting the code

Not Rated!1 Star2 Stars3 Stars4 Stars5 Stars

Advertisements

This entry was posted on Monday, August 3rd, 2009 at 1:17 am and is filed under Blog, CSS, How-to, Tools. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 responses so far!

  • 1 PianoFan ~ Oct 29, 2009 at 1:24 pm

    PianoFan…

    Hello :) I bookmarked this site. Thanks heaps for this!… if anyone else has anything, it would be much appreciated. Great website Super Pianoforte Links http://www.en.Grand-Pianos.org Enjoy!…

  • 2 portfolio web design ~ Jan 3, 2012 at 11:03 am

    portfolio web design…

    [...]CSS Orgy » Blog Archive » Create a CSS grid for your template in less than a minute[...]…

Leave a Comment