INSERT INTO sites(host) VALUES('') 2002: Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (111) Estimated Worth $187,576 - MYIP.NET Website Information
Welcome to!
 Set MYIP as homepage      


Web Page Information

Meta Description:
Meta Keywords:
sponsored links:
sponsored links:

Traffic and Estimation


Website Ranks

Alexa Rank:
Google Page Rank:
Sogou Rank:
Baidu Cache:

Search Engine Indexed

Search EngineIndexedLinks

Server Data

Web Server:
IP address:    

Registry information

ICANN Registrar:
Name Server:
Whois Server:

Alexa Rank and trends

Traffic: Today One Week Avg. Three Mon. Avg.
Unique IP:

More ranks in the world

Users from these countries/regions

Where people go on this site

Alexa Charts

Alexa Reach and Rank

Whois data

Who is at

No info.

Front Page Thumbnail

sponsored links:

Front Page Loading Time

Keyword Hits (Biger,better)

Other TLDs of 960

TLDs Created Expires Registered

Similar Websites


Search Engine Spider Emulation

Title:960 Grid System
Description:The 960 Grid System is an effort to streamline web development workflow.
960 Grid System
If you want a responsive grid framework, check out
960 Grid System
Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub.
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. Read more.
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. View demo.
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.
More Columns
For those more comfortable designing on a 24-column grid, an alternative version is also included. It consists of columns 30 pixels wide, with 10 pixel gutters, and a 5 pixel buffer on each side of the container. This keeps text from touching browser chrome mdash; helpful for devices like the iPhone, where a lower-case "i" or "l" might be easily missed. View demo.
Source Order
By utilizing the push_XX and pull_XX classes, elements can be rearranged, independent of the order in which they appear in the markup. This allows you to keep more pertinent info higher in the HTML, without sacrificing precision in your page layout. For instance, view the source code of this page to see how the H1 tag has been re-positioned.
Sony Music mdash; 16 col
Drupal mdash; 12 col
Fedora Project mdash; 16 col
5by5 Studios mdash; 12 col
Hugh Griffith mdash; 12 col
Nick Finck mdash; 16 col
Gantry Framework mdash; 12 col
Trakt mdash; 12 col
51bits mdash; 12 col
Onehub mdash; 16 col
Four Kitchens mdash; 12 col
Sacramento International Airport mdash; 16 col
Tapbots mdash; 12 col
VCU Qatar mdash; 12 col
American Institute of Architects mdash; 12 col
Pulse App mdash; 16 col
Refresh Boston mdash; 16 col
Right From the Heart mdash; 16 col
Black Estate Vineyard mdash; 12 col
Simplified Safety mdash; 16 col
A Better Office mdash; 12 col
Brand Rich Media mdash; 12 col
Pixel Dreams mdash; 16 col
Formalize CSS mdash; 12 col
View comprehensive code on the demo page.
To the right is an example of how the code works. The container specifies how many total columns exist, either 12 or 16. For the most part, you will only ever need to specify a class name of grid_XX, where XX represents the column width.
If a grid unit contains grid children, the first child in a row will need a class of alpha and the last child in a row requires the class name omega. Likewise, if you want to insert empty space before or after a grid unit, use class prefix_XX or suffix_XX.
lt;div class="container_12" gt;
lt;div class="grid_7 prefix_1" gt;
lt;div class="grid_2 alpha" gt;
lt;/div gt;
lt;div class="grid_3" gt;
lt;/div gt;
lt;div class="grid_2 omega" gt;
lt;/div gt;
lt;/div gt;
lt;div class="grid_3 suffix_1" gt;
lt;/div gt;
lt;/div gt;
All modern monitors support at least 1024 times; 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.
I drew inspiration from these individuals: Khoi Vinh, Cameron Moll, Olav Bj酶rk酶y, Brandon Schauer, Jeff Croft, Mark Boulton, and Eric Meyer. Their work spurred me to create my own. I ldquo;stand on the shoulders of giants, rdquo; so to speak.
In addition to design template files, there are app plugins for Photoshop and Fireworks included in the official download. Additionally, DMXzone has created a Dreamweaver extension, which is available free to members of their site.
Web Designer Depot featured an article on writing less code by styling tags directly. Nettuts has both a tutorial and video. WooThemes wrote a post entitled #8220;Why we love #8221; There are also articles in Spanish and Swedish [1] [2].
The 960 Grid System is free to use, and may be repurposed to meet your specific needs. Several projects have already spun off, including versions built to be fluid and responsive. Additionally, it is has been adapted as a theme for Drupal.
HTML - CSS - 508 mdash; 960 Grid System by Nathan Smith.
Hosted by DreamHost
Licensed under GPL and MIT. Overlay effects via jQuery.

Updated Time

Friend links: ProxyFire    More...
Site Map 1 2 3 4 5 6 7 8 9 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170 180 190 200 250 300 350 400 450 500 550 600 610 620 630 640 650 660 670 680 690 700 710 720 730 740 750
TOS | Contact us
© 2009 Dev by MYIP Elapsed:52.600ms