Kindzoku

Как многие уже говорили:
1) Gulp
2) reset.css, bourbon, neat (скорее всего вам не нужен bootstrap)
3) обязательно БЭМ. Без БЭМ всё будет плохо. Это лишь вопрос времени. Верстать нужно по компонентам.
4) повторяющиеся мелочи в atomic. В ВЭМ не нужны правила типа cursor: pointer, text-align: center. Создаём .pointer, .text-center.

Предполагается, что есть 2 кнопки переключения: #view-full и некая live кнопка #view-options. Т.е. полько при клике будет происходить перерисовка.

Сам по себе скрипт ничего делать не должен.

А зачем так сложно? Почему просто не пойти привычным путём и не сделать Responsive через media?