dom1n1k

Гугл не просто может, а делает это. Но в вашем конкретном случае вам стоит обратить внимание на заголовки и код ответа. Для парсинга больших объемов вообще используют прокси

https://learn.javascript.ru/onload-ondomcontentloaded

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

У меня на разных проектах это от 15% до 0,3%
Причем там где 1,5% на эту аудиторию, казалось бы, можно и забить. Но нет, из нетехнических, а коммерческих соображений - там нужны все.

Определить сколько на ваших конкретных проектах людей не поддерживают новые технологии - вы можете только сами.
Оценить нужны ли вам эти люди или можно их кикнуть - решить можете только вы сами.
Ну или ваш заказчик.

Поспорю с Андреем.
2) Не храните все символы в одном шрифтовом файле, если у Вас мультиязычный сайт, то есть на сайте есть функционал, который позволяет сменить язык, то храните символы каждого "языка" в отдельных файлах. Это крайне просто.

Зачем так делать? Опять же повторюсь, если сайт мультиязычный, то нет смысла заставлять английского пользователя скачивать кириллические символы. Уменьшив файл в несколько раз вы ускорите загрузку шрифтовых файлов. Для этого в CSS есть директива unicode-range.

Например, для подключения кириллицы

@font-face {
    font-display: swap;
    font-family: 'Lato';
    src: url('/fonts/lato-light/lato-light.cyrillic.woff2') format('woff2'), 
        url('/fonts/lato-light/lato-light.cyrillic.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; // только кириллица
}

Как это работает? Браузер анализирует ваш DOM понимает какие символы используются на сайте и если есть совпадение, то шрифт закачивается, то есть в данном примере если на сайте есть кириллица, то lato-light.cyrillic.woff2 скачается и отрисуется, а шрифт lato-light.latin.woff2 даже не закачается.

Для разделения символов можно использовать инструмент fontmin, либо его gulp аналог

svg + box-shadow
https://tympanus.net/codrops/2013/10/03/a-collecti...
https://tympanus.net/Development/SectionSeparators/

вот эту волну svg-шкой, а здание ниже и текст div2 через margin-top приподнять


ps: но ввиду особенной геморройности я бы сделал картинками :)))

Как вариант можешь стилями их раскрасить, без необходимости в js.

tr:nth-child(odd) td:nth-child(odd) {
  background: white;
}

tr:nth-child(odd) td:nth-child(even) {
  background: black;
}

tr:nth-child(even) td:nth-child(even) {
  background: white;
}

tr:nth-child(even) td:nth-child(odd) {
  background: black;
}

С недавнего времени (с момента появления на свет лет 8 назад) БЭМ принят ещё некоторыми менее известными командами-энтузиастами типа Google (включая Material Design Lite, android.com), BBC, The Guardian и т. д., пропагандируется крупнейшими международными изданиями по веб-разработке:

1. site:css-tricks.com bem
   
2. site:csswizardry.com bem
   
3. site:smashingmagazine.com bem
   

Аналогов как к методологии пока не встречал, есть «пограничные» решения, частично решающие какую-то из проблем, учтённых в БЭМ: css-in-js, CSS Modules, WebComponents. А сама формулировка вопроса даёт ощущение, что вы не знакомы с темой вопроса: bem.info — там есть ответы на распространённые заблуждения, включая мнение, что «БЭМ — это про CSS и классы через чёрточку».

Ух. Ну как-бы с такой постановкой задачи и не стоит рассчитывать на качественных фрилансеров.

1. Ваша формулировка "Есть два шаблона с TemplateMonster на какой сам сядешь, на какой клиента посадишь нужно добавить в первый функционал из второго", - по сути, если делать нормально это "нарисуйте и сверстайте новый дизайн по мотивам двух предыдущих".
Как бы это работа для 2х разных людей: дизайнера и верстальщика.
По факту они не сочетаются в одном человеке практически никогда.

2. Без обид, но в задаче на fl очень сумбурное изложение - много всякой мелкой конкретики, каких-то специфических требований к валидации и комментированию - но при этом нет в тексте собственно ТЗ на функционал интернет магазина.
"Сделайте как в том шаблоне" - это не ТЗ. "Сделайте как в том шаблоне" - это отправная вводная для не маленькой работы продуктового аналитика, но таких я на фрилансе не встречал ни за какие деньги.

Грамотному исполнителю такая постановка вопроса говорит о том, что у Вас есть какое-то своё видение и либо Вас нужно будет адски брифовать, либо от Вас будет миллион правок.

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

ИТОГО
Если хотите хорошего вменяемого результата, разбейте задачу на две:
1. Нарисовать дизайн по мотивам первого шаблона.
Подробно опишите конкретный список страниц, конкретный функционал, конкретные изменения.
2. Сверстать новый дизайн.

В варианте [].forEach.call(...) происходит создание нового массива, в отличие от обращения к Array.prototype.
На небольших коллекциях разницу вы не заметите.

Проблема оказалась в том, что для Сафари нужно не только в настройках шрифта указывать стиль шрифта, но и в том месте, где применяешь шрифт. Например:

@font-face {
  font-family: 'Noto Serif';
  src: url('<%= font_path "noto/NotoSerif-Italic.eot" %>');
  src: url('<%= font_path "noto/NotoSerif-Italic.eot" %>?#iefix') format('embedded- 
  opentype'),
  url('<%= font_path "noto/NotoSerif-Italic.woff2" %>') format('woff2'),
  url('<%= font_path "noto/NotoSerif-Italic.woff" %>') format('woff'),
  url('<%= font_path "noto/NotoSerif-Italic.ttf" %>') format('truetype'),
  url('<%= font_path "noto/NotoSerif-Italic.svg" %>') format('svg');
  font-weight: normal;
  font-style: italic;
}

div {
  font-family: 'Noto Serif';
  font-style: italic;
}

Вот при таком использовании шрифт будет отображаться в сафари.