Mikhail @NooNoo
Рубрика "Давай глянем,что там у нас есть". Я использую такие штуки в работе:
Препроцессор: LESS
Работа с макетами: PH или Sketch.
Сборщик: Gulp
Методология: БЭМ (но начал заглядываться на SMACSS)
Консоль: консоль :D
Место хранения репозитория: GitHub.
1) Создаю репозиторий на гите.
2) Создаю локально структуру проекта. (папки для картинок и тд).
3) Открывают макет
4) Создаю первые наброски в html (создаем классы по выбранной методологии), в голове держим,что mobile first. Подключаю основные фалы препроцессора (шрифты, глобальные стили, миксины, класс visually-hidden, переменные)
5) Выстраиваю сетку. (flexbox или гриды)
6) Начинаю стилизовать мобилку -> планшетную -> десктопную версию.
7) Отшлифовка кода и поиск более рациональных решений, где это допустимо.
8) Донастройка сборщика, который все в итоге соберет продакшен версию.
Вкратце как-то так)
