Каким сервисом минифицировать css?

Во-первых, комментарии и переносы строк в пережатом css нафиг не нужны. Если вам они нужны, значит с вами что-то не так.

Во-вторых, Gulp настройте один раз и везде используйте. Перестаньте страдать фигнёй.

Как отрефакторить такой код?

0xD34F, блин, не обратил внимания.. верно.

Как отрефакторить такой код?

Еще уменьшим буковок =)

[
  'region', 'district', 'area', 'city', 'place', 'name'
].forEach(n => {
  let id = n+'_id';
  if (this.tableParam[id]) {
    delete this.tableParam[id];
    this.searchForm.get(n+'Name').patchValue(null);
  }
});

Разработчики, вы больше думаете, чем пишете, или наоборот?

Работа бывает разной. Опыт у всех тоже разный.
Если какие-то типовые вещи, то они пишутся практически без участия мозга, под музычку или даже фильмец. А если процесс творческий, то тут и музыка меняется на классическую, и задача обдумывается сначала, иногда продолжительное время.

Метод textContent безопасный в отличии от innerHTML?

textContent вставляет текст, а значит исключена возможность xss
Не знаю как это соотнести с безопасностью. Если вам нужно вставлять html-разметку, то без innerHTML вы все равно не обойдетесь.
jsfiddle.net/nag4frsu

Назовите названия всех должностей в веб-дизайне?

Михаил Проскурин, Максим Тимофеев, всегда казалось, что junior/middle/senior - это показатель качественной характеристики специалиста, а не его должность...

Как при нажатии удалять атрибут одному тегу и сразу же применять его к другому?

JP_Cool, Потому что таким образом меняется внутреннее свойство инпута. Чтобы изменить атрибут, можно использовать соответствующий метод jquery или dom-элемента

$(this).find('input').attr('checked', true);
$(this).find('input').get(0).setAttribute('checked', true);

Разные теплейты vue?

Александр Заводов, функционал вынести в миксин, для каждого варианта сделать компонент, в который добавить миксин.

Как сверстать шестиугольники вокруг цифр?

profesor08, ну вот так

Как сверстать шестиугольники вокруг цифр?

profesor08, так-то достаточно трех, ведь противоположные грани равны и параллельны. Один может быть самим блоком, остальные два - псевдо-элементами.

Через что компелировать препроцессор css less: Gulp или Winless и в чем разница?

Само название WinLess намекает, что программа работает под виндой.
Если код пишет команда, или код будет поддерживаться разными программистами, то у них могут быть и другие операционные системы.
Галп работает везде. Любой разработчик может открыть клонировать проект, выполнить команду npm install и запустить полностью готовое и настроенное рабочее окружение для данного проекта.

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

Преимуществ галпа не счесть. Недостатков видимых нет.
У WinLess (и ей подобных) наоборот =)

Как правильно сделать перебор многоуровневого массива с формирование таблиц?

ну и кроме того, вам следует либо добавлять проверки ключей в циклах, либо лучше переделать формат данных:

$arSKU = array(
  "0" => Array(
      "ID" => "85",
      "NAME" => "Заголовок 1 уровня",
      "LIST" => Array(
          "0" => Array(
              "ID" => "85",
              "NAME" => "Заголовок 2 уровня"
           ),
      ),
  "1" => Array(
      "ID" => "86",
      "NAME" => "Заголовок 1 уровня",
      "LIST" => Array(
          "0" => Array(
              "ID" => "85",
              "NAME" => "Заголовок 2 уровня"
           ),
      ),
    )	
  )
);

И

foreach ($arSKU as $key => $arSKU1){
  echo "<h3>".$arSKU1["NAME"]."</h3>";
  echo "<table>";
  foreach ($arSKU1['LIST'] as $key => $arSKU2){
    if (isset($arSKU2["NAME"]) && strlen($arSKU2["NAME"])>10) {echo "<tr class='main_item_wrapper'>".$arSKU2["NAME"]."</tr>";}
  }
  echo "</table>";
}

Как правильно сделать перебор многоуровневого массива с формирование таблиц?

CoolBick, Почему вы упорно вставляете текст прямо в <tr> ? Там обязательно должен быть <td> или <th>.

Браузер исправляет вашу ошибку как может, и выкидывает текст за пределы таблицы.

Как правильно сделать перебор многоуровневого массива с формирование таблиц?

Таблица одна?
Значит table вынеси за цикл

echo "<table>";
for ($i = 0; $i < 4; $i++) {
  for ($j = 0; $j < 2; $j++) {
    echo "<tr><td>2й уровень</td></tr>";
  }
}
echo "</table>";

На втором уровне что перебираешь — строки или столбики? Надо уточнить.
Вероятно, столбики

echo "<table>";
for ($i = 0; $i < 4; $i++) {
  echo "<tr>";
  for ($j = 0; $j < 2; $j++) {
    echo "<td>2й уровень</td>";
  }
  echo "</tr>";
}
echo "</table>";

Как правильно написать if else?

var hamburger = $('.hamburger-menu__list').css('width').replace(/px/, '');

Почему JS преобразует массив PHP в объект?

marrs, почти так. если ключи массива не начинаются с нуля или идут не по-порядку, то тогда это станет объектом.

А для чего @retina-dpi:144dpi; @retina-dppx:1.5dppx; и как часто используется и для чего @media(min-resolution: ??

olya_097, =) это уже немного другой вопрос. Что такое dpi?
Эта аббревиатура расшифровывается как dots per inch — кол-во точек на дюйм. Данный параметр определяет плотность пикселей на экране, сколько физических пикселей умещается в одном дюйме. Чем больше пикселей, тем менее они различимы глазом, тем более четкое изображение на таком дисплее.

dppx - это кол-во точек на пиксель. Можно запутаться, точки/пиксели =)) Речь идет и так называемых css пикселях, которые не всегда соответствуют физических пикселям (точкам).

Лектор из меня хреновый ), поэтому лучше погуглите развернутые статьи по теме css screen resolution, dpi, dppx.

А для чего @retina-dpi:144dpi; @retina-dppx:1.5dppx; и как часто используется и для чего @media(min-resolution: ??

alex-1917, не всегда. чаще нет, чем да. Проще удвоенную картинку воткнуть. Да и вообще, стараемся вектор впихивать везде, где возможно.
Однако, ситуации бывают разные, иногда приходится и несколько разрешений одной картинки готовить. Как в css через медиа-запросы, так и в html через srcset (чем он, кстати, вам не угодил?).

Но в любом случае это отвлечение от темы вопроса автора.

А для чего @retina-dpi:144dpi; @retina-dppx:1.5dppx; и как часто используется и для чего @media(min-resolution: ??

olya_097, Может быть у вас less файлы? Тогда это просто пользовательские переменные для удобной подстановки

@retina-dpi:144dpi; 
@retina-dppx:1.5dppx; 

@media(min-resolution: @retina-dppx) { }
// вместо конкретных цифр
@media(min-resolution: 1.5dppx) { }

А для чего @retina-dpi:144dpi; @retina-dppx:1.5dppx; и как часто используется и для чего @media(min-resolution: ??

По-моему, вы путаете красное с горячим. Какое отношение имеет размер экрана к его плотности пикселей?

Вот, допустим, я хочу чтобы моя картинка на ретине была четкой, но не хочу грузить для всех остальных картинку удвоенного размера. Что делать? Как мне помогут ваши правила? Правильно — никак. Мне нужно использовать min-resolution, чтобы для ретины подгрузить картинку в более высоком разрешении.

Пример утрирован, но, думаю, суть передаёт.