Browser Controls At Standard Sizes

Contributed by Peldi of Balsamiq.

Eric S. asked how to resize Browser controls to standard sizes here, so I thought I'd share them here.

What I did was to create two Rectangle controls, size them with the "position and size" property inspector, then put two Browser windows below them, so that the inside of the browsers would match the rectangles.

The result is below, ready for your copying/pasting pleasure.

Click here to download:
standardbrowsersizes.bmml (1 KB)

Filed under  //

Posted by

Comments [2]

960 grids centered in browser

Contributed by Benjamin Gray - http://www.theworldallaround.com

 A starting point for those designing against the 960.gs grid system.

 (re-posted by Peldi so that it no longer use an image)

Click here to download:
960grid.bmml (11 KB)

Filed under  //

Posted by

Comments [2]

960 Grid System (revised)

Contributed by Derek McLoughlin

This template fixes minor problems with Peldi's original one - the grid sizes are now 60 pixels (12 col) and 40 pixels (16 col) with spacing of 20 pixels in each.

Click here to download:
960grids.bmml (11 KB)

Filed under  //

Posted by

Comments [0]

Blueprint CSS Grid

Contributed by Geoffrey Dagley

Grid based on the Blueprint CSS framework, 950px wide with 24 columns.

Click here to download:
blueprintcss.bmml (9 KB)

Filed under  //

Posted by email

Comments [2]

YUI Grids

Submitted by Marco and Peldi of Balsamiq.
 
The YUI Grids, but done in Balsamiq Mockups.
 
http://developer.yahoo.com/yui/ for more info.

Click here to download:
YUI_grids.bmml (34 KB)

Filed under  //

Posted by

Comments [0]

960 Grids

Contributed by Peldi upon request by Andraz Kozelj.
 
Two grouped grids. Both 960px wide, one with 12 columns and one with
16. Based on Nathan Smith's 960.gs work.

Click here to download:
960grids.bmml (11 KB)

Filed under  //

Posted by

Comments [0]