960 Grid System

960 Grid System - это CSS Фреймворк, который позволяет разработчикам конструировать прототипы дизайна. Он являются замечательным инструментом для создания макетов.

Почему 960?

• Во-первых, т.к. данная ширина позволяется сделать n-ое количество пропорциональных сегментов из которых будет состоять страница.
• Во-вторых, данная длина "удовлетворяет" подавляющее большинство экранных расширений.

Система 960 Grid может быть представлена нам в 2х начальных вариантах, состоящая из 12 или 16 колонок.

В 12 колоночной системе первая ячейка имеет 60px, а все последующие 80px.

Так что вы можете делать колонки шириной: 60, 140, 220, 300, 380, 460, 540, 620, 700, 780, 860 и 940 пикселей.

В 16-разрядной версии самый узкий столбец имеет ширину 40 пикселей, и каждый следующий столбец становится шире на 60 пикселей.

Таким образом, доступные размеры ширины столбцов составляют: 40, 100, 160, 220, 280, 340, 400, 460, 520, 580, 640, 700, 760, 820, 880 и 940 пикселей:

Преимущества данной технологии

• Кроссбраузерность;
• Адаптивность;
• Ускорение процесса верстки;
• Минимизация ошибок верстальщика;

 

Схема

Пример результата на сайте