Chapter 1. Instant 960 Grid System

Welcome to Instant 960 Grid System. This book has been especially created to provide you with all the information that you need to create a responsive website using 960 Grid System. You will learn how to use grids, beginning with the layout in Photoshop to the final product in HTML; for example, building your own portfolio.

This document contains the following sections:

So, what is 960 Grid System? finds out what a grid is, how it can help you, when you can use it, and why designers and developers prefer to use only 12 or 16 columns.

Installation helps you learn how to prepare your environment to use 960 Grid System stylesheets from Photoshop to the files and folders of the project.

Quick start – using 960 Grid System from Photoshop to code lets you discover the real power of the 960 Grid System, positioning the elements of your layout in just a few minutes by just applying some classes in your HTML tags. Further, you'll learn how to apply the colors and sizes to your website in order to make it look as beautiful as a Photoshop version.

Top 3 features you need to know about 960 Grid System helps you learn the features of 960 Grid System In this day and age, where everybody owns a smartphone or tablet, it is unacceptable that we build a website which runs only on the desktop. Because of that, I'll teach you how to prepare your website for the present and the future with fluid grids, fluid media, and media queries, also known as responsive web design.

People and places you should get to know provides you with many useful links to the project page, as well as a number of helpful articles, tutorials, blogs, and the Twitter feeds of people to follow.