Модули без всяких приставок - оригинальные модули, мы можем их использовать напрямую и иногда из терминала
Модули с приставками gulp-* grunt-* webpack-* и т.д. - как правило обертки над оригинальными модулями для конкретного таск-менеджера/сборщика
Если конкретный сайт/приложение разрабатывается на конкретной технологии, то верстая сразу на ее шаблонах Вы упростите задачу разработчикам
У нас в команде верстальщики сразу пишут jsx/vue/hbs шаблон, если разработчик предоставил структуру данных
Для 3D используют либы типа Three.js или Blender4Web ну или если критична производительность, то напрямую работают с webGL, делая большую часть геометрии непосредственно в шейдерах
Для 2D - canvas 2d / svg
Для отслеживания попадания элемента во вьюпорт есть IntersectionObserver https://developer.mozilla.org/ru/docs/Web/API/Inte...
Ну и саму анимацию стоит вынести в отдельный css класс, и вешать его, когда нужно запускать анимацию
IE официально deprecated и те кто его используют вряд ли принесут Вам прибыль, так что вполне можно ориентироваться на Edge у которого проблем значительно меньше, а так на IE10+ практически все лечится с помощью polyfill.io
А вот на что из динозавров действительно стоит обратить внимание - Safari, я лично 8+ стараюсь поддерживать, который в свою очередь так же лечится polyfill.io
По сути на рисунке функция x = a * sin(b * y)
Ставим начало координат в центр канваса, анимируем меняя коэфицент b в определенных диапазонах (нужно подбирать экспериментально)
То что можно реализовать на CSS должно быть реализовано на CSS
JS по-хорошему должен лишь управлять классами элементов, ну может еще слушать события transitionend и animationend когда это необходимо
Это все от того, что эмулятор хрома не умеет эмулировать косяки мобильной оперы и мобильного сафари, а запускает все на своем движке, который гораздо лучше поддерживает стандарты
Вместо того чтоб страдать подобной <тут должно быть нецензурное слово> лучше сначала напишите что-то реально полезное, а так только сами себе грабли стелите
Тот же авито сажает вирус в расширения хрома при открытии инструментов разработчика, наверно как и Вы боятся спалить свой говнокод (а у них там действительно беда)
А еще подумайте вот о чем: что если инструменты разработчика уже открыты к моменту загрузки Вашей страницы? А что если я сижу на маке, где эти сочетания другие (CMD+I)? А что Вы будете делать с расширением которое позволяет блокировать обработку события контекстного меню скриптами в любое время? (У меня такое стоит)
Ну и напоследок: когда в Вашем коде появится реально что-то полезное, у Вас будут мысли не "каким еще костылем защитить мой код", а "как бы это написать так, чтоб потом выложить в опенсорс не стыдно было, да еще звездочек за это на гитхабе нахватать"