For example if you download the 960gs, you’ll get the PSD with all guidelines. ou can remove some of them depending on the number of columns you want. The default number of columns is 12 so you can divide it into 2, 3, 4 or 6 columns. Basically it’s an empty PSD with guidelines, that’s all, all you have to do is to make your design fit into that but there are other grids…
Ah, I know… I always work with grids in Photoshop. I just don’t know how to work with HTML grids.
To begin you can generate the HTML /CSS grid and fill it with your content, that’s all, the code is quite simple.
Improved the design. What do you think?
1. You should test your design at 1024×768, the design breaks at that resolution. The header and footer are not the width of the full page.
2. There is a weird bug with the portfolio area when you refresh/resize the page the portfolio area turns into this…