Николай Садовников

Для начала можно поиграться с тестовым проектом, вот даже руководство есть: ru.bem.info/articles/start-with-project-stub/.

Можно ли как-то сделать чтоб и при запуске сервера и при сборке, пути были правильные ?

У меня такой проблемы никогда не было, видимо, вы что-то делаете неправильно, нужно больше информации.

Еще интересует можно ли собрать проект так чтобы на выходе получилась папочка только с нужными файлами?
Еще непонятно как сделать автосборку при изменении файлов проекта

Из коробки решения нет. Можно пользоваться сборщиками вроде Grunt или Gulp. Для grunt даже есть плагин, а в gulp нужно пользоваться плагином для работы с командной строкой.

Абсолютно спозиционировать блок по центру экрана у вас получится, только если знать размеры этого блока.
Возможный вариант (с использованием display:table;) решения задачи: codepen.io/GruZZ/pen/Bwakn?editors=110
Еще можно почитать про Flexbox, но тут уже всё зависит от требований к кроссбраузерности.

ivaynberg.github.io/select2 и стилизация через CSS.

Если я правильно понял вопрос, букмарклет Visual Event вам поможет.

2014.codefest.ru/lecture/677 — презентация Тимофея Чаптыкова, близкая к вашей теме.
Из неё вы узнаете:
— про инструменты для сборки спрайтов через Grunt,
— почему SVG-спрайты принесут вам только боль и лучше делать отдельные иконки и переводить их в data-uri,
— как сделать фоллбек на PNG-спрайты.

Сами SVG лучше импортировать из вектора посредством какого-нибудь Inkscape и прогонять через SVGO (можно автоматизировать через тот же Grunt).

P.S. caniuse.com/#search=svg — поддержка SVG в браузерах.