Андрей Б.

labs.rampinteractive.co.uk/touchSwipe/demos
www.w3schools.com/jQueryMobile/jquerymobile_events...
www.dejurka.ru/css/swipeable-side-menu

jQuery такого не может.
В чем проблемы разобраться в том же Gulp? Лень? )

Куда же еще проще?

Можно еще off() использовать

Я не пользовался Grunt и Prepros, но использую Gulp.
Удобно? - мега удобно. Привыкаешь быстро, по крайней мере я долго не телился)).
Определяешься со структурой проекта, шаблоном так сказать, ставишь нужные плагины, прописываешь таски на каждую задачу, в конце пишешь таск который будет следить за файлами и запускать нужные задачи. Все. Делаешь это один раз и забываешь, ну разве что дополнить захочешь новыми плагинами. Развернуть проект одной командой в консольке - это ведь магия ))

P.S. Я не разбираюсь в JS

Не сказать что он тут сильно нужен, если только свое что-то написать. А для тех же плагинов есть подробная документация с примерами.

Сейчас не вспомню, но это кажется был баг, вроде как его пофиксили, попробуйте обновить node.js. По крайней мере у меня дефолтный watch видит все новые файлы и спокойно обновляет.
Если проблема сохранится, пробуйте плагин gulp-watch

Никак, имитируйте жирность тенью. Это если ширина пунктов меню не известна.

Вспомнилось что как то пробовал такое решение, но как по мне, лучше уж тенью.
Здесь мы резервируем место заранее.

Так?

Если я правильно понял, то вот пример:

<div class="container">
    <header>...</header>
    <main>...</main>
    <footer>...</footer>
</div>

.container {
	max-width: 1440px;
	width: 100%;
}

И уберите высоту, её не указывают.