If you are just starting out designing your website, the first thing you should think about is the width of the website and the type of layout that can fit within it. Gridcalc is an app that lets you calculate different layouts or grid combinations that are possible for your desired width.
To start, just enter the width that you think is best for your webpage, and then fill in the range of column and gutter width elements. The tool will then provide all possible combination of elements for the widths you entered. In addition, you can preview the results to visualize how your website grid would look. Once you have decided on a layout, just click to download the CSS file with your selected configuration and load it to your website.
This is a convenient tool for designers who like to play with different widths for blog themes. This is also a cool tool for newbie designers who need to see how widths will look before implementing the design changes.
- Free; no sign up required.
- Easy to use.
- Generate column widths CSS file.
- Visualize design grids.
- Similar Tool: Colorspire, CSS3 Dropshadow Generator, and Layerstyles.