Допустима данная запись кода по БЭМ?

Вполне допустима, если ваш блок не развалится при отсутствии container. Понятно, что ограничения ширины не будет (бутстрап наверное), но в целом композиция блока должна сохраниться.

Какой смысл использования node.js и прочего для backend?

на уровне - я знаю как решить данную проблему за Х часов, я ее уже решал минимум два раза

Можно ли с помощью imgAreaSelect, не вырезать нужную область, а закрасить?

Вы можете получить координаты выделенной области odyniec.net/projects/imgareaselect/examples-callba...
и делать с ними что захотите: отправить на сервер и там обработать картинку, или скопировать на canvas, обработать на клиенте и отправить готовое на сервер.

Как в PHP проверить массив на наличие слов(нескольких) если подключаю файл?

$text = file_get_contents('log.txt');
$stopWords = ['сиська', 'писька'];

foreach ($stopWords as $word) {
  if (preg_match('/'.$word.'/', $text)) {
    echo 'Ахтунг!!! '.$word;
  }
}

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

sim3x, инверсия не совсем то. она давно уже есть.
впрочем не важно. суть в том, что это фишка операционной системы.
Если браузер добавляет какой-то маркер на страницу сайта в ночном режиме — можно это выяснить и использовать, если нет — довольствоваться тем что есть.

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

sim3x, новая фишка в девятом андроиде. на уровне операционки.

Подмена фотографий на разных браузерах(WebP)?

а заполифилить не пробовали? https://github.com/FallingSnow/webp-polyfill/

Устраните ресурсы, блокирующие отображение, стоит ли?

Не понял, при чем здесь свойства.
Любые внешние ресурсы, подключаемые в head страницы блокируют первоначальный рендер.

Передача пустых чекбоксов и значений "не установлен"?

Shirockov, не потеряется, если записать его в форму

<input type="checkbox" name="mycheck[id1]" value="Y">
<input type="checkbox" name="mycheck[id2]" value="Y">

Так как при редактировании мы знаем чего ожидать, то подготовим дефолтные значения для чекбоксов и смержим с тем, что прилетит из формы

$s = ['id1'=>'N', 'id2'=>'N'];
$r = array_merge($s, $_POST['mycheck']?:[]);
var_dump($r);

//Array (
//    [id1] => N
//    [id2] => Y
//)

Один трехполюсный автомат или три однополюсных?

на входе нужно 4-полюсник поставить
далее на однофазные потребители - можно одно- или двух-полюсники, по ситуации, на трехфазные, соответственно, трех- или четырех- полюсники.

Однополюсные ставить на трехфазку не стоит. Фазы должны отрубаться все сразу.

Проблема с версткой - прокрутка на телефоне, как убрать?

может есть какой-то fierbag для телефона

dev tools в хроме чаще всего позволяет отловить подобные вещи на компе. Включить режим mobile.

Проблема с версткой - прокрутка на телефоне, как убрать?

согласно моделей телефона

И сколько у вас моделей телефонов в списке? =))

Как можно защитить свой АПИ в SPA или SSR приложение?

API закрывается авторизацией. Больше никак.
Для борьбы с использованием открытого апи используйте обычные методы защиты от парсинга — чекайте реферера, ставьте временные блокировки по ip при частых запросах и т.п. (только не навредите легитимным пользователям).

Как можно реализовать такой эффект при скролле?

ловите onscroll на окне
смотрите на pageYScroll
от этого значения отталкивайтесь.
В примере картинка висит на бэкграунде со свойством background-size: contain; это автоматически изменяет ее размер под размер блока.
по скроллу меняется высота блока.

Как поймать результат post запроса со стороннего сайта?

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

Как поймать результат post запроса со стороннего сайта?

очередной мамкин хакер? =))

Как растянуть блок на оставшуюся высоту экрана?

И еще wrapper flexом делать крайне не желательно, так как это обертка для всех компонентов.

no problem

<div class="wrapper">
  <div class="site">
    <div class="header">header</div>
    <div class="content">content</div>
    <div class="footer">footer</div>
  </div>
  ...other compoenents
</div>

.site { display: flex; ...}

Как растянуть блок на оставшуюся высоту экрана?

.wrapper {
  min-height: 100vh;// в IE присутствует баг (!)
  display: flex;
  flex-direction: column;
}
.content {
  flex-grow: 1;
}
.header, .footer {
  flex-shrink: 0;
}

Головоломка с раскладкой страницы. Решим?

У вашего варианта есть хорошее преимущество — единый фоновый элемент. Сейчас это неактуально, но в принципе, в будущем, могут появиться секции с картинкой на фоне, так что я решил двигаться в этом направлении. Без небольшого javacript-хака не обошлось (вычисление ширины полосы прокрутки), но решение годное, на мой взгляд. Сейчас его внедрю, обкатаю/протестирую и отпишусь в вопросе.

Как исправить npm ошибку при помпиляции?

This is probably not a problem with npm.