close

Discovered in

stoffers

stoffers
638 Favs

Find other sites about

Related Sites

  • 960 Grid System

    "Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. Dimensions The 12 column grid is divided into... more

    Reviewed by Tscherno Apr 27 2008, 01:30am ( 35 reviews ) • 960.gs

    40K views
  • Showing 29 of 35
  • Reviews of the site
  • Join StumbleUpon or login to add a review! default avatar

  • Rated by BeatSmash on Sep 24, 11:44pm

    Best CSS framework ever.

  • Rated by oldtech on Jan 24 2009, 12:47pm

    The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions.

  • Rated by probablysucks on Oct 19 2008, 4:59pm

    Very handy and useful. Thumbs up! - Dwayne. http://probablysucks.com

  • Rated by jack2380 on Oct 18 2008, 7:59pm

    960 pixels of CSS goodness.EssenceThe 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.DimensionsThe 12 column grid is divided into portions that are 60 pixels wide. The 16 column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right

  • Rated by atlantean7001 on Oct 09 2008, 8:57am

    960 pixels of CSS goodness.

  • Rated by dchanw on Jul 28 2008, 4:08pm

    Great layout template for pushing out professional-looking sites quickly.

  • Reviewed by saltwatermatt on Jul 12 2008, 8:18am

    From the page: "Nine-Sixty All modern monitors support at least 1024 Ã-- 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with."

  • Rated by Tscherno on Apr 27 2008, 1:30am

    "Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. Dimensions The 12 column grid is divided into portions that are 60 pixels wide. The 16 column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. Purpose The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements. "

  • Rated by dubsar on Apr 25 2008, 6:20am

    Has to be one of the smartest shifts in web development I've ever seen! Great explanation of methods to implement this into your production process, and plenty of examples to see how it works.