E-Mail:
Get our new Windows 7 eBook (PDF) for $7 with 70+ Tips. Download Now!

How To Make An Easy CSS Grid Layout

  • No Related Post

Yahoo! has released a nice tool to help make easy CSS grid layouts with its YUI: CSS Grid Builder.

Use it to make your columns, set their widths, and add places for your header and and footer content. The tool then creates the code and allows you to copy it.

Yahoo! has tested these designs in all Web browsers to ensure maximum browser compatibility and a headache free design experience.

[YUI: CSS Grid Builder]

[tags]css grid, web design[/tags]

5 Comments

That is really neat. Though the 3 column 1 row does not work in IE 6.

Yes this is a neat tool.
Works for me in IE6, 3 columns 1 row or any combination provided.
Using the scroll wheel you can cycle through the available layouts.
Actually I had fun with it stretching it across 2 monitors and it picks up
the dimensions just fine.

It’s a nice tool, but imho the classes used in the layers are too confusing. I prefer to name my layers “speaking”. Anyway, if you don’t know how to make a css grid - the YUI is fantastic.

This website is horribly slow. And I am not talking about the server. I am talking about how the html is build up. When scrolling this page in my browser, it’s really slow and lags a lot.

I don’t know what is going on with the way this page is coded, but you should fix it.

Perhaps you don’t notice on fast computers.

This is bad html/css/java/whatever you use.

I agree Ding. I’ve forwarded your comments to Lockergnome’s owner.

What Do You Think?

 

Posted Recently

46 queries / 1.200 seconds.