По вашему макету есть иконки посоветовал бы gulp.spritesmith - для генерации спрайтов, я вместо gulp-connect использую browser-sync локальный сервер с livereload и туннелью на localhost, gulp-imagemin - для сжатия картинок.
Использовал редактор Sublime перешел на Atom, пробовал Phpstorm он крут и много полезных функции но он по мне сложный и расчитан для крутых дядек для больших проектов, для мелких сайтиков подойдет и обычный редактор Atom.
Я сам новичок и это мое мнение и хожу блуждаюсь в вопросах)
