Как убрать срабатываемые события при клике на элементе?

Евгений,

document.querySelector('сюда впишите селектор').addEventListener('click', (event) => {
  event.preventDefault();
  event.stopPropagation();
})

Как реализовать верстку этой секции?

Атланта, картинки вставляются так:
https://codepen.io/anon/pen/ZqxxYG

Да, мне тоже кажется что проще и аккуратнее без псевдоэлементов. Просто так получилось :)

Как при background-size: cover; держать точку на нужном месте?

Надо ещё для точки transform: translate(-50% -50%);

.marker {
  width: 10px;
  height: 10px;
  background: red;
  position: absolute;
  top: 40.5%;
  left: 46.5%;
  transform: translate(-50%, -50%);
}

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

А можно использовать такие единицы измерения как vw? Или сделать картинку SVG?

Знаете ли Вы толковые статьи об опровержении теории цвета?

Вот хорошая статья https://www.bbc.com/russian/science/2015/05/150527...

Возможно ли в браузере подсветить/выделить нужные слова в тексте страницы?

Denny Schwarz, мне ещё нравится такой построитель схемы регэкспа:
https://regexper.com/#Хром|Файрфокс|ещё что-то

Ширина в firefox?

Для этих целей лучше normalize.css https://htmlacademy.ru/blog/64-about-normalize-css

Ширина в firefox?

мы не экстрасенсы, без кода или ссылки не сможем ответить

Лексическое окружение, контекст вызова. Почему это разные понятия?

aivazovski, ну почти.
Посмотрите на хороший пример в ответе Сергея Соколова, там переменная "a" отсутствует в window, но в функции она доступна.
Это потому что недостающие переменные функция берёт при создании. И берёт их из предыдущих { scope } - объемов функций по цепочке вверх, пока не дойдёт до scop'a window.

Думаю, вам нужна практика, чтобы по настоящему разобраться.

Поведение addEventListener отличается при анонимной и именованной функции?

ewb, для упрощения понимания можно твой код упростить до абсурда:

var btn = {};
var btnHandler = 42
btn.onclick = btnHandler;
btnHandler = 10
console.log(btn.onclick) // 42

Лексическое окружение, контекст вызова. Почему это разные понятия?

aivazovski, что бы вывести тот икс, который находится в объекте юзер нужно обращаться по другому - alet( user.x ). Иначе говоря, в лекс. окружении есть переменная user и из неё через точку можно получить x. Икс в юзер - это ведь свойство объекта, а не переменная.

Забиндина (привязана) к объекту user, значит this === user, чтобы получить икс из объекта, к которому привязана функция alert( this.x )

Можно ли использовать flexbox и let в 2018?

Поддержку let тоже лучше смотреть на https://caniuse.com/#feat=let
Там написано про баг с циклами for в IE11, так что использовать его опасно.

то разные вещи и использовать let надо не вместо var, а наряду с var

Нет такого codestyle который разрешал бы их совместное использование, так что не надо.

Как заставить Firefox дружить с SVG?

ссылку бы

Как использовать свойство nth-child?

вместо div лучше было указать класс

.review_container .review:nth-child(n+5) {
  display: none;
}

Как избавиться от наложений border`ов друг на друга?

Обычно убирают левую границу

.item {
  border: 1px solid grey;
  border-left-width: 0;
}
.item:first-child {
  border-left-width: 1px;
}

Увеличивает ли padding ширину блока?

Andrew, в вопросе: элементу внутри блока, а не самому блоку.

Группировка (оптимизация) классов и стилей CSS на выходе из WebPack 4?

Mike Ro, я посмотрел несколько оптимизаторов, и они не попытались переставить классы. На самом деле реализовать это сложнее чем кажется, и по производительности будут очень большие затраты.

Группировка (оптимизация) классов и стилей CSS на выходе из WebPack 4?

Mike Ro, чел, то что ты хочешь изменит поведение CSS, смотри:
<div class="class2 class3">
у дива будет ширина 1 при таком

.class_1 { width: 1px; }
.class_3 { width: 2px; }
.class_2 { width: 1px; }

а при таком ширина станет равна 2

.class_1, .class_2 { width: 1px; }
.class_3 { width: 2px; }

Так что это небезопасная оптимизация.

Как подключить шрифт bahnschrift на сайт?

Alexey10, так себе решение честно говоря, работает только в хроме. Где-то наверняка должна быть сразу узкая версия, но я не нашёл.

SVG маска, что не так?

GeKskill,
Да, polyline - ломаная линия, с толстой обводкой и без заливки.
Два варианта заполнения:
1. animation: dash 5s linear alternate forwards;
2. stroke-dashoffset: 0;
Наверное, лучше первый способ.