Лучник *range attack +10*

960px grid, Skeleton, foundation, куча их. Многие уже мертвы. Потому что сетка — это раз плюнуть и делается под проект часто. Просто посмотрите как в одном из фреймворков сделано и сделайте удобнее, как вам нравится.
Что такое сетка вы знаете. Сделайте свою.
А теперь подумайте как вам ее лучше менять на мобильниках медиа-запросами и начинайте верстать, там увидите что вам нужно.
Бутстрап не рекомендуют использовать в серьезных проектах не из-за колонок в сетке (везде примерно такая сетка), а из-за того, что у бутстрапа код громоздкий.

Я не увидел технического отличия первого сайта и остальных двух. У всех медиа-запросы, а модульная сетка видна только если вглядываться в размеры и пропорции элементов, как таковой в верстке ее нет (то есть нет классов для колонок, а есть присвоенные каждому элементу стили). Сеток может быть сколько угодно. Можно свою адаптивную сетку сделать за минут 10. Тут главное знать, какую сетку будет использовать верстальщик. Если не вариант (например, верстальщика еще не нашли), возьмите классическую 12-колоночную или 16-колоночную. Придумайте от какого разрешения будете плясать. Обычно базовая ширина — 960px. Делите 960 на 12 или 16 и направляющими в фотошопе холст. Чтобы не плевался верстальщик помните одно правило: это сетка, а не струны. За пределы направляющих лучше не выходить, ведь это границы блоков. Говорю это потому, что этим правилом часто пренебрегают.

Есть сборка GIMP, которая называется GIMPshop. Если помимо интерфейса, они еще над чем-то поработали, то можно рассмотреть как вариант.

Задает величину, определяющую расстояние до рычага, при котором он начнет прилипать к точке.

Я пользуюсь распечатками с нужной адаптивной сеткой и рисую карандашом. Или делаю прототип в Balsamiq. Потом, когда идея ясна, рисую макет в фотошопе по той же самой сетке.

К ответу выше добавлю еще двух, чьи страницы и работы нравятся:
daneden.me
ilyas.ru

1. Узнаете размеры и поведение сетки, которую использует верстальщик. Например, какая на каком разрешении дисплея ширина одной колонки.
   
2. Делаете несколько соответствующих шаблонов в фотошопе, расставив направляющие и настроив сетку в фотошопе.
   
3. Разрабатывате дизайн, придерживаясь размеров сетки.