На самом деле все очень просто.
NPM - это пакетный менеджер который идет вместе с node.js, С помошью него можно устанавливать все что вы перечислили выше и другие модули, программы.

Gulp, Grunt - это консольные утилиты. Они взаимозаменяемы. Они делают рутинную работу за тебя: компилируют Less Sass, склеивают скрипты, минифицируют скрипты, стили, делают спрайты, оптимизируют картинки и даже поднимают свой простенький вебсервер и LiveReload.

Gulp или Grunt - Дело вкуса. Мне понравился больше Gulp. Он быстрее.

Git - Система контроля версий твоего кода. Она позволяет организовать совместную работу нескольких разработчиков над ним проектом.

Bower - просто утилита, которая быстро тебе скачивает необходимые библиотеки и из хависимости. Что бы ты не лазил по сайтам разработчиков. Например тебе надо установить jquery - ты просто в консоли пишешь Bower install jquery и тебе скачивается Jquery.

Я считаю что Git в современной работе просто необходим как воздух.
Gulp или Grunt и Bower сильно облегчили мне жизнь.

Думаю что для устроиства на работу ключевым знанием будет Git. а потом уже все остальное.

Gulp или Grunt и Bower - очень легкие программы для первичного использования. Их Можно попробовать и решить нужны ли они тебе или нет - за очень короткий промежуток времени.

Это сбрасывает все возможные отступы у всех элементов на странице. С одной стороны это кажется удобным, но ведет за собой кучу доп. работы. (если вы хотите сделать нормальную верстку).
После этой записи необходимо перенастроить все отступы у всех элементов заново. Иначе могут вылезти косяки, когда контент менеджер начинает заполнять страницу через редактор или просто так.

В общем НИКОГДА не используйте эту запись. Лучше взять normalize.css

Я знаю несколько девочек программисток, причем довольно хороших.
Ни разе не слышал от них ни слова о том что у них были проблемы вашего рода.

На текущей работе, 50% отдела тестировщиков у нас девушки.

1 - Что бы убедиться, сверстал ли верстальщик макет правильно - достаточно наложить скриншот сверстаной страницы (масштаб 100%) к макету в фотошопе ( масштаб 100%) и дать скриншоту 50% прозрачности.
Если все совпадает - то верстальщик сверстал правильно и дизайнер нарисвал не правильный масштаб.

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

3 - уменьшить масштаб бывает сложно, если в дизайне есть куча картинок, которые верстальщик вырезал и использовал в макете.
Например, он вырезал иконку лупы для кнопки поиска. Ее размер соответствует дизайну в макете. Вы просите уменьшить масштаб верстки на 10%.
Верстальщик может уменьшить размер кнопки на 10%, но иконка останется такой же большой. Для этого он и просил вас перерисовать макет.

4 - Я бы, скорее всего, сам уменьшил макет, и перевырезал картинки, но конечно за доп. плату.

5 - И наконец то отвечая на ваш вопрос,

Каким требованиям должен отвечать дизайн-макет для адаптивной верстки сайта?

Он должен быть нарисован по сетке ( bootstrap или foundation или любой другой сетки, которой будет пользоваться верстальщик ).

метод delete вам в помощь
javascript.ru/delete