GridFox 2.0

GridFox is Firefox extension useful for checking designs that are supposed to follow a grid-based layout.

Right click anywhere on a website, and go to GridFox > Options. Input the settings for your grid and click OK.

Want to see it in action? Go to these sites and input the following settings into GridFox.

news.yahoo.com
Column type: varied
Column widths: 10,201,12,12,88,12,13,88,12,12,201,13,10,280,10
Line thickness: 1px

Wired.com
Site width: 1000px
# of columns: 10
Line thickness: 10px

Nytimes.com
Site width: 965px
# of columns: 11
Line thickness: 5px

TimesOnline.co.uk
Column type: varied
Column widths: 200,200,200,185,185
Line thickness: 15px

Puidokas.com
Site width: 900px
# of columns: 9
Row height: 155px
Top offset: -8px
Line thickness: 15px


Product's homepage

Requirements:

· Mozilla Firefox

What's New in This Release: [ read full changelog ]

Shared Grids:

· Grids are now shared between all GridFox users. Just try going to Yahoo! News, or Wired. When you toggle GridFox, the correct grids will automatically be loaded from the gridfox.info servers.

· Whenever you save a grid, it gets saved for that domain for all users. No need to setup the grid on every computer you use. And the hassle of changing the settings back and forth when you’re working on 2 different sites is gone.

New interface:

· The preferences dialog has been slimmed down to only include the most basic options not related to to settings up your grid.

· With this release, you get even more control over your grid. You can now set different line/gutter widths for vertical and horizontal. I’ve also added the ability to offset the grid, so if your site isn’t perfectly left, center, or right aligned its not a problem.

Grid browsing:

· You can also create multiple grids per site. So if one page has a different grid than another, just save them both. You can use arrows to scroll through all the grids for a domain. And if you want to make sure GridFox always show you the correct grid, just remember to lock it.