А тебе что нужно? Что бы каждый коммит был законченным изменением?
Да! В ветке master каждый коммит должен быть законченным.
вы можете сделать себе отдельную ветку, коммитить туда недоделки, просто для сохранности и синхронизации. По завершении задачи все коммиты сквошатся в один и льются в мастер. Временная ветка удаляется.
Vasiliy_M, Где вы здесь сложности увидели? Минимальный кейс более или менее нормальной разработки.
Я личный проект так же пилю. Являюсь единственным контрибьютором, но всё же есть ветки master, develop, плюс куча веток на разные фичи. Фичи сливаются в develop , тестятся, потом мержатся в мастер. Из мастера уже хуком деплоятся на сервак.
Замечу, что немного усложнив разметку, но не меняя принцип, можно обойтись без специальной подготовки изображения. Это вам домашнее задание. Не справитесь — пишите, помогу, когда буду свободен =)
Структура директорий. Какой нафиг вендор? Люди используют пакетные менеджеры.
Автоматическая компиляция. Во-первых, не можно, а нужно. Во-вторых, хорошо бы у вас уже был настроенный под вас сборщик. В-третьих, не должно быть привязки к инструменту. Вы любите атом, я — webstorm. Сборщик должен независимым — gulp, webpack.
Именование файлов стилей. Я так понял на выходе от версталы вы хотите получать набор css под страницы, чтобы можно было их легко частями интегрировать в систему. Очевидно, разделение на части удобнее делать на уровне исходников, а не билдов. А пересобрать вы и сами можете, отключив ненужное. Но я не знаю ваших внутренних процессов, возможно вам так удобнее. Не будем придираться к этому пункту.
reset.css => normalize.css
Селекторы. Тут очень личное. Я за БЭМ нейминг. Опять же — принцип один блок один файл очень удобен.
Это было по вашим требованиям.
Я бы добавил сюда еще три-четыре страницы =))) Ну напишу немного.
Обязательная нарезка по ретину (разумеется дизайнер должен был предоставить соответствующие макеты.)
Максимум использования вектора, особенно для иконок (опять же дизайнер должен предусмотреть в макетах).
Спрайты, растровые (в крайнем случае), векторные (svg)
Семантика (смысловая разметка страницы соответствующими тегами, а не одними дивами)
Доступность (aria)
Адаптивность, включая режим увеличенного шрифта в браузере (если бы я брал себе помощника, то выделил бы этот пункт большими красными буквами. Я слабовидящий, использую увеличенный шрифт, но, сука, большинство сайтов тупо верстают всё пикселями, включая, кстати, тостер)
Шаблонизатор для разметки с html-like синтаксисом. Соответственно разделение страниц на отдельные файлы по секциям, блокам и т.п. Упрощает ориентирование по большим страницам, позволяет легко исправлять сквозные блоки (шапка, подвал) и т.п. Не pug! Чтобы можно было не искать нужный блок в собранной странице, а просто копирнуть его из исходника при необходимости.
Современный javascript + babel
Ну по каждой технологии я бы еще не один десяток пунктов написал =) И даже это не будет перегибом. потому что ковыряться впоследствии в какашках себе дороже.
