Назар Мокринский

Как и iamevg_ рекомендую CustomEvent: https://developer.mozilla.org/en-US/docs/Web/API/C...
Для старых браузеров есть полифиллы. Это современный интерфейс, который со временем будет во всех браузерах. Остальное - старые костыли.

Что-то должно рендерить данные в этом Cancas. Изучайте исходники, если выполняемый код доступен каким-то образом извне (не находится целиком в замыкании без внешних связей) то придется разобраться с API и взаимодействовать с ним.

С DOM, очевидно, взаимодействовать нет никакого смысла, ибо из DOM там только одит тэг <canvas>

Это не противоречивые вещи, и то, что вы написали не ES2015 модуль.
Очень даже можно использовать классы вместе с модулями.

Используйте FileReader.readAsArrayBuffer() чтобы читать не в base64, а сырые данные, ну и через XHR отправляйте не в JSON формате, а в бинарном сырые данные (XHR умеет отправлять ArrayBuffer напрямую).

Вам нужны media queries. Считаете при какой ширине 1vw будет 20px (2000px) и делаете media query: до этой ширины размер шрифта 1vw, после фиксированные 20px.

Вопрос уже задавали и есть очень простой ответ: https://stackoverflow.com/questions/30975483/gulp-...

Попробуйте работать с History API. Когда открывается галерея меняйте URL страницы, а когда пользователь "вернется" назад отлавливайте это и закрывайте галерею.

Ваш код не имеет смысла, вы меняете id элементам, ставите одинаковые нескольким элементам сразу, чего делать нельзя (формально оно работать будет, но не так как должно).
По поводу сокращения - вы можете передавать несколько селекторов в jQuery:

$("#tits_click_a1, #tits_click_a2, #tits_click_a3")

В части с хэшем его тоже можно использовать, не вижу ничего странного.
Вы такое можете встретить, например, в RFC 6749.

(function($){ // 1. jQuery при вызове теперь в аргументе доступна как $
    $(document).ready(function(){}); // 2. https://api.jquery.com/ready/
})(jQuery); // 0. Вызываем функцию

А зачем?
Дело в том, что относительные пути сломаются при перемещении CSS в другую папку, так что надежнее положить файлы рядом. Для того, чтобы скорректировать пути нужно знать конфигурацию сервера. У меня фреймворк такое умеет - он просто корректирует относительные пути к подобным файлам. У Webpack, видимо, нет достаточного количества информации для этого, либо просто ещё не реализовали.

Радиальный градиент, к примеру

<script>
	(function ($) {
		setTimeout(function () {
			if (!$.cookie('')) {
				$('#my_window').arcticmodal({
					closeOnOverlayClick : false,
					closeOnEsc          : true
				});
			}
			$.cookie('', true, {
				expires : 0,
				path    : '/'
			});
		}, 5000);
	})(jQuery);
</script>

Всё верно. Используйте, к примеру, RequireJS/Alameda для загрузки зависимостей по необходимости.
Async не гарантирует порядок выполнения скриптов.

1. Да
2. Зависит от того, нужно ли вам с ним работать
3. Я бы рекомендовал LiveScript, перешел на него после продолжительного использования CoffeeScript и назад не вернусь