В чём смысл NaN в JS?

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

Есть ли обучающие материалы по ООП?

yurygolikov: Если человек не будет понимать суть объектоориентированного подхода, то он никогда и не поймет, что ему это нужно. Что за бред вы несете.

В чём смысл NaN в JS?

Никита Полевой: А так вы просто получаете NaN, и это означает что получения корня по каким-то причинам невозможно.

Ничего подобного это не означает. Это означает лишь то, что в результате вы получили "не число". А уже факт получения "не числа" можно трактовать как невозможность извлечения корня из отрицательного числа.

Как задать margin для блока, который идет после блока с position:fixed?

Никита Полевой: не пытайтесь угадать что имел ввиду автор =)
Если невидимый див - то дублирующий див с контентом, иначе, как вы правильно заметили, можно было бы джаваскриптом подсчитать всё что нужно.

Кто подскажет инструмент для определения цвета?

Uladzimir Abramkin: вот этот лучше picpick.ru

Как работает интернет провайдер?

от чего все зависит - от денег.
вся суть

Как задать margin для блока, который идет после блока с position:fixed?

Дублирование контента? Я бы не назвал это лучшим решением.

Зачем мне лучше использовать Vue.js в проектах, чем не использовать?

Olesha17: Житейский пример - какой-нибудь калькулятор услуг со взаимосвязанными условиями.

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

rinatoptimus: наверное так

if(indexParent == tt) {
   $(this).closest('.mark').css('transform', 'scale(1)');
} else {
   $(this).closest('.mark').css('transform', 'scale(0)');
}

Но вы все равно привели бы код в порядок.
Вот даже здесь, с галочкой - оперируйте классом. Зачем стилями-то?

if(indexParent == tt) {
   $(this).closest('.mark').addClass('is-checked');
} else {
   $(this).closest('.mark').removeClass('is-checked');
}

Упрощаем дальше до одной строки

$(this).closest('.mark').toggleClass('is-checked', indexParent == tt);

Потом селекторы $('#third_step_details label div') и подобные - зачем ?
Кто вам мешает на каждый нужный элемент навесить "говорящий" класс? Ну ведь код легче читать будет. И понимать.

Далее

var indexMark = $(".js-radio-input").closest('.mark').index();
console.log(indexMark + ' mark-icon'); // некорректно выводит индекс кружка - у всех 0!

Корректно выводит! В каждом .js-radio-input у вас один кружок, значит и индекс будет всегда 0. вам наверное нужен индекс радиобатона.

Ну и так далее. Эту лапшу надо серьезно переделывать.

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

Да тут без ста граммов не разберешься =)
Взяли бы Vue для калькулятора, все было бы прозрачно и просто.

Как можно сверстать данный элемент сайта?

Более того - там даже не трапеция, а сектор круга ))

Как можно сверстать данный элемент сайта?

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

Как можно сверстать данный элемент сайта?

Никита Полевой:
Чтобы была ссылка (и уведомление) поставьте двоеточие сразу после ника
@lazalu68:

Как можно сверстать данный элемент сайта?

На css конечно можно заморочиться. Но SVG будет проще и кроссбраузернее. Данные по карточкам заготовить в json формате, а потом уже скриптом генерить svg'шку, рисовать и анимировать.

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

Влад Владов: та же самая математика в варианте со скриптом.

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

Влад Владов:

.content {
  min-height: calc(100vh - 50px);
}
.footer {
  height: 50px;
}

Почему в Safari не работает flex-wrap:wrap?

Виталий: Чудной вы человек!! А где в вашем вопросе упоминание о версии?

Почему в Safari не работает flex-wrap:wrap?

потому что враппинг поддерживатся в сафари начиная с версии 6.1 (7,1 в мобильном)
caniuse.com/#search=flex
И никак это не обойти.
Только отказаться от флексов.

Почему не работает условие сравнения с NaN?

Потому что NaN не равен NaN!
Это на первой странице любого учебника по js пишут...

Как вернуть подсветку синтаксиса в phpstorm?

Settings - File Types - PHP