CSS сетки + фреймфорки. Как быть?

например с bootstrap, но если я правильно понял, то она подойдет только для тех макетов которые нарисованы конкретно под нее

не правильно понял

Есть ли универсальные сетки которые я смогу использовать при верстке на любом шаблоне?

Любая вменяемая сетка настраивается. Тот же бутстрап (сетку) можно использовать в подавляющем большинстве случаев, кроме всякой экзотики

Стоит разобраться и написать самому свою сетку или использовать уже готовую

Разобраться стоит. Писать - нет, ведь есть уже готовые.

Насколько хорошо необходимо знать Webpack и Gulp в web-разработке?

Islam Ibakaev: сорри

Не компилируется SASS, при пути в @extend .selector ul li ... Как исправить?

Потому что так делать нельзя. Исправляется методом написания правильного кода =)

Как сочетать pixel perfect и flexbox?

Вы делаете 100% pixel-perfect? Если да, то вы со своим дизайнером отличная пара.
Но скорее всего нет. Где-то рендер шрифтов, где-то неточность дизайнера, где-то что-то еще. Вот флексы - это из той же оперы.

Есть ли актуальные туториалы по установке и настройке Gulp?

так и последний коммит в код гальпа был пару лет назад https://github.com/gulpjs/gulp

Выводит ошибка в консоль?

PS я не уверен в правильности названия пакета. Проверьте на оффсайте, если он еще работает. =)

Выводит ошибка в консоль?

рубиновый sass компилятор используете что ли? Каменный век =)

Вам нужно установить пакет с компасом.

gem install compass

И все заведется.

Верстка блока в лендинге - как правильно реализовать+адаптив?

Froggyweb: Сетка - в той же SVG-шке, какие проблемы нарисовать шестиугольник?
Адаптив - элементарно. В определенных пределах можно резайзить размеры шестиугольников, на маленьких экранах выстроить в столбик.
Нормальный дизайнер. Простой блок.

Насколько хорошо необходимо знать Webpack и Gulp в web-разработке?

Islam Ibakaev: да вон выше уже написан пример - "вплоть до деплоя". Вы меня затроллить решили? =)

Верстка блока в лендинге - как правильно реализовать+адаптив?

А вот и вопросик как раз (с ответом) как в svg обрезать фон
Как обрезать фон, с помощь SVG-фигуры?

Верстка блока в лендинге - как правильно реализовать+адаптив?

Не морочься, запили шестигранники с картинкой в svg, текст абсолютом поверх блоков.
Не надо изъебства с css-фигурами или клип-пачами.
С позиционированием самих блоков вроде не должно быть проблем.
Ничего особо сложного.

Как сделать обработку данных без перезагрузки страницы?

1. Оправить ajax-запрос с данными.
   
2. Показать анимацию на кнопке.
   
3. Дождаться ответа сервера.
   
4. Перезагрузить/Перенаправить/Перерисовать страницу.
   
5. Профит
   

Ты же сам все это написал в вопросе.

В каких браузерах некорректно обрабатывается название класса на кириллице?

И не очень современные тоже

В каких браузерах некорректно обрабатывается название класса на кириллице?

Все современные.

Почему перестали работать "раскрывашки"?

Учитывая факт, что ошибка возникает в коре jQuery, предположу, что метод вызывается у jQuery-объекта, а у них такого метода нет. Есть аналогичный .index()

Почему перестали работать "раскрывашки"?

Ошибок нет

Есть =)

Uncaught TypeError: url.indexOf is not a function

Как исправить генирацию sass в css?

Потому что нефиг страдать хернёй с отступами. Пишите нормально в css-like стиле.
У вас сейчас:

.s_tizers {
  @include linear-gradient(#c6d8ee, #e8eff7);
  color: $blue-color;
  font-family: "CleanvertisingLight", sans-serif;
  font-family {
    text-transform: uppercase;
    padding: 35px 0 0;
  }
}

sass позволяет писать не только вложенные селекторы, но и вложенные свойства.
Это бывает удобно при задании некоторых свойств, например

div {
  font {
    family: sans-serif;
    size: 30px;
  }
  border {
    color: red;
    style: dotted;
    width: 10px 4px;
  }
}

Может ли быть в теге footer коментарии?

Кто вам сказал что тег footer может быть только один? =)) Дайте тому неучу по уху.

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

Как следить за изменениями на сайте каждую секунду?

Или вот модификация для клавиатуры (на клавишу F5)
https://getimg.germany.ru/g/http%3A//webcolor.eu/i...

Как следить за изменениями на сайте каждую секунду?

Берешь вот такую фигню https://www.youtube.com/watch?v=z2xjy3j024w
прикручиваешь моторчик, курсор мышки на кнопку "Обновить" и вперёд.