Ankhena

Можно использовать БЭМ нотацию и строить имена классов так:

.header
  &__top
     &_nav

конечно нужен, если сами пс его рекомендуют

две ветки develop и master, два сайта рабочий и девелоперский => gitflow

Несколько странный подход.
Зачем разрабам заходить по той же самой ссылке - и видеть другой сайт? А если им захочется таки сравнить то, что они наделали сейчас, с тем, что крутится на проде?
А база под сайтом - общая, что ли? Так вам обеспечено веселье, когда у разработчиков и тестеров что-то пойдет не так поперек всех пользовательских данных.
Привилегированный пользователь сайта - вот это уже отдельная песня, админу действительно нужно работать с боевым сайтом, но при чем здесь разработка?

Обычно поднимают дев-версию на отдельном домене без костылей типа хитрых флагов. Дев-версия скрывается от поисковиков, БД используется урезанная без деликатных данных на случай чего. Дев-версия, понятное дело, в отдельной git-ветке. И есть, наверное, тыща способов деплоя этого добра на сервера.

2017 год - забудьте про explorer, темные времена прошли. Чем раньше динозавры поймут, что никто не собирается адаптировать сайты под их ископаемые браузеры, тем лучше будет всем.

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

Хороший дизайнер ОБЯЗАН предоставить бесплатно все макеты состояний сайта, приложения.
Открытые меню, всплывающие окна, разворачивающиеся списки и так далее.
Даже ховер на ссылках и кнопках нужно обязательно предоставить.
Должно быть 2 исходника (в идеале), но можно и в одном скрытыми слоями (тогда нужно сопроводительное письмо).
Придумывать, как всё это открывается, закрывается, скрывается - работа дизайнера.
Дизайнер должен сразу учитывать это и оценивать в стоимости проекта заранее.

нужно смотреть в консоль (F12). Тег в теме где-то не закрыт, как вариант.

Тут покрасивше, мне кажется) Тоже на css
Во

Что выбрать, слайдер на чистом CSS или с использованием JS?

Ответьте на следующие вопросы и ответ придет сам собой:

• Можете ли вы в слайдере на чистом CSS сделать поддержку touch-устройств (свайпы)?
  
• Можете ли вы в слайдере на чистом CSS сделать поддержку клавиатуры (фокус на весь слайдер и переключение слайдов стрелками)?
  
• Можете ли вы в слайдере на чистом CSS адекватно останавливать его на hover, чтобы юзер мог прочитать написанное на слайде?
  
• Можете ли вы в слайдере на чистом CSS легко добавить или убрать слайд, не сломав все остальное?
  

P.S.: Как человек, создающий всякое на чистом (и не очень) CSS, понимаю ваше стремление, но продукт делается в первую очередь для пользователей.

Для такой секции лучше использовать псеводклассы :before, :after, как у Вас в примере.
Вот

Насколько я помню, с версии 2015, это делается из коробки.
Просмотр - Новый макет направляющих.

Почему бы просто не пользоваться WebStorm'ом?

codepen.io/AndrewHaze/pen/LxaQeE