Антон

Как вариант, который помог мне... попробуйте установить так
npm install gulp-4.0.build
данная команда была найдена тут https://www.npmjs.com/package/gulp-4.0.build
после установки в папке node_modules появится папка gulp-4.0.build, ее просто переименуйте в gulp

если это не поможет, попробуйте внести в path ./node_modules/.bin

В работе использую sass, стили каждого блока выношу в отдельный файл, где сначала описывается основные стили блока, а ниже media queries. Как писали выше, удобней в одном месте смотреть и редактировать поведение блока.

Касаемо процесса верстки, у всех он разный, некоторые накидывают html на всю страницу, а потом занимаются чисто css для него. Я практикую такой подход, верстаю от блока к блоку. Например начинаю с шапки, накидал html и сразу же все css и media для нее, протестировал везде, проверил, все шик, перешел к следующему блоку. С таким подходом, вам не мешают другие не отстиленные блоки, вы работаете только с одной частью страницы и концентрируетесь только для работы с ней. В добавок вы сразу протестили на всех разрешениях и больше к этому блоку не возвращаетесь.

Попробуйте scrollmagic.io

Текстовые узлы между блоками применяются в технике justify выравнивания inline-block элементов, потому что text-align: justify растягивает пробелы между словами или же, между inline или inline-block элементами.

При использовании float у блоков, этой проблемы не будет. Если же, вам не нужно использовать float, то придется обнулять font-size и line-height в обертке этих блоков, а внутри блоков возвращать к нужным значениям.

Обычно применяют обнуление, нежели удаление пробелов между тегами, потому, что когда верстка передается программистам, зачастую для таких вещей применяется цикл и в дальнейшем неизбежны пробелы между тегами, либо программисту придется изворачиваться.