Сборка с Gulp
Наряду с Grunt другим популярным инструментом для автоматизации типовых задач для сайта является Gulp. Сборка с Gulp расскажет как пользоваться инструментом и в чём основное отличие от того же Grunt.
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.