GreatRash

Интерактивный туториал: там вверху жмите кнопку "Next Step"

google -> "creative html table design"

Или SVG (VML для ИЕ<9)

codepen.io/anon/pen/parfA - сойдёт?

1) Событие scroll можно вешать только на window.

2) Вы же проверяете:

if(body.scrollTop>900) { ... }
так пропишите просто другой объект вместо body в условии.

Этого нельзя сделать. Вам нужно эмулировать селект, чтобы добиться требуемого поведения.

for (var i = 0, l = contacts.length; i < l; i++) {
  console.log(contacts[i].id);
}

Вопрос не к вёрстке, а к дизайну. Большинство дизайнеров у нас не подозревают о том, что сайт - это живой организм, который должен подстраиваться под изменяющуюся среду.

Поэтому в случае когда у пользователя есть возможность добавлять что-то на страницу самостоятельно, нужно уделить особое внимание именно проектированию сайта на этапе дизайна. Можно даже сперва собрать прототип без графики с основными элементами и погонять его, чтобы было понятно где узкие места.

Есть правда одно "но" - такой подход к разработке дорог. Проще заказать дизайн на фрилансе и потом обвинить во всех грехах верстальщика.

Именно используя бутстрап этого нельзя сделать. Раз уж вы используете бутстрап 3, значит логично предположить, что вас не интересует ИЕ7, а зачит вы можете использовать display: table; для контейнера и display: table-cell; для внутренних колонок. Этим самым вы установите одинаковую высоту для них.

codepen.io/GreatRash/pen/dmnCe

Очистить кеш, не перезагружая страницу, нельзя.

Я так понимаю, что вас интересует насколько просто будет натянуть определенный дизайн на CMS? Я, как верстальщик, могу посоветовать вам всем известную Joomla, последнюю версию (вроде 4, не помню точно). С последней версии у них значительно улучшилась верстка, да и вообще на внутренности стало приятно смотреть.

Можно в модальный блок добавлять текст динамически скриптом. Тогда он не проиндексируется. Например аяксом доставать текст из файла для которого запрещена индексация.