lonata, перенес на codepen. Там можно посмотреть конечный CSS со всеми префиксами.
Очень надеюсь, что вы разберетесь с кодом, а не тупо скопируете себе в проект.
Скорость загрузки критична для первого экрана. Напомню, что это первые 700px.
Ваш подход подразумевает ожидание загрузки скрипта и библиотеки. Пользователь будет кликать на иконку и не понимать, почему ничего не происходит. Итог - потеря конверсии.
А вот добавив всего один checkbox в модуль и пару строчек css в шапку, первый экран будет загружаться практически мгновенно. Еще и по DOMу ползать не придется.
OnYourLips, ну не знаю что там нужны за инструменты такие сложные для фронтенда, когда можной обойтись IDE, браузером, нодой (gulp, grunt, webpack и т.д.) и фотошопом
OnYourLips, странно. Мне комфортно и с 8 гигами, с учетом того, что проекты немаленькие. Если вам недостаточно той кучи, что установлена по-умолчанию, значит где то утечка памяти и какой то из разработчиков в цепочке облажался (возможно вы сами) Златослав Десятников, так и мну пишу в целом, основываясь на ощущениях от работы.
Златослав Десятников, OnYourLips, глупости.
В макбуке 8 гигов оперативки и более 50 гигов SSD на файл подкачки. Софт на нем летает и устанавливается без проблем. Можно VirtualBox образ с седьмой виндой (для outlook) запускать параллельно с фотошопом, IDE(PhpStorm или VSCode), гулпом и парой браузеров.
Другое дело, что мелковат текст.
Ошибка об XSS Protection выдается из за svg, использованной в плеере. Даже с ней плеер запускает видео автоматически, но только на десктопных браузерах, кроме Safari (последнее обновление). Мобильные запрещают данную функцию.
Вместо того, чтобы отправлять x-xss-protection 0, лучше настройте Content-Security-Policy
Вы уверены, что выбрали профессию правильно?