Graf. 960 Grid System Toolbox & Resources. The 960 Grid System was created by Nathan Smith as a way to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. The 960.gs (or any CSS framework) was primarily developed for rapid prototyping, cutting down on repetitive and tedious tasks, but is also more than suited to be used for any web design project. It will give your site a structured and solid foundation for you to build and style your design upon. In this article, you’ll find tutorials, a showcase of sites designed using the 960.gs, spin offs, basic WP themes built on the 960.gs and possible alternative frameworks, if for some reason you don’t like the 960 grid system.
Within the download package there are printable sketch sheets, design layouts and a CSS file that have identical measurements. You have two templates, a 12 column grid divided into portions of 60px and a 16 column grid divided into 40px. Homepage : 960.gs Homepage. Download : Download the 960.gs. 960.gs Tutorials. 800px ~ Golden grid system | 9columns ~ margin:8px — based on the Golden Grid system.
You have generated a 800px Golden grid system | 9 columns ~ margin left: 8px The grid result is shown below (or a full screen preview) Follow these instructions to get started: Click here to download the css/xhtml & template files Include the file "800_9_8.css" in the <head> of the HTML page. You may also use the included reset.css and text.css files, or opt to leave them out. [ Click here for more detailed installation instructions ]
960 Gridder - Lay out websites with ease. 960 Grid System (CSS layout)