uRoot

Мы в офисе используем Avocode. Удобно

Мой тимлид говорит, что экономия на дивах не показатель скилла, мол, чем меньше обёрток, то ты скилловей. Считаешь, что нужно обернуть - оборачивай. Если вёрстка ложиться на CMS, то вы можете заметить, что там вообще треш происходит в исходниках - див в диве на диве и дивом погоняет. И все не так не так, как нас учили в учебниках или курсах.

У меня кнопка в диве, особенно если их несколько. Это даёт мне дополнительную гибкость. Я в этот див могу положить N кнопок, если CMS их передает, и я буду уверен, что ничего не сломается.

Я пользуюсь этими двумя:
gulp-scss-starter
OptimizedHTML-4
Правда в обеих нет HTML шаблонизатора

Мне меньше года понадобилось, чтобы понять, что СНГ фриланс - помойка. Забугорный фриланс я немного щупал, там цены за ту же работу в раза два-три выше. Идите в офис или на удаленку и сидите на зарплате. Хоть себя человеком будете чувствовать, а не делать все и сразу, лишь бы клиент заплатил. Попробуйте забугорный фриланс, сильно знать английский ненужно: вам макет - вы верстку.

Использую BrowserStack, чтобы посмотреть как выглядит вёрстка на других устройствах

Знаю везде предлагают wp+woocomerce, но там то российских шлюзов нет

Есть

но какие плагины надёжны и чаще используются?

Да кто какой хочет. На один сайт я Wallet One прикрутил, на другой вообще ничего на ставил, а просто оставил страничку, мол, деньги сюда.

Если Вы не используете wp

Можно и Open Cart. Но если у вас мало товаров, то вам лучше обычный лендинг + оплата. Можно и на конструкторе, типа wix-а.

Когда-то проходил эти: docode.ru

Вот тут отличный ответ: https://htmlacademy.ru/blog/64-about-normalize-css
Если коротко, то:

Normalize.css является альтернативой CSS Reset

Как и писали: родителю, где у тебя li, пропиши display:flex;

Gulp и аналоги помогут собрать воедино много различных плюшек для автоматизации и не только. Весь твой арсенал будет запускаться одной командой: gulp

В твоем арсенале может быть:

1. browsersync - при любых изменениях в файлах, страница с проектом в браузере будет автоматически обновляться;
   
2. autoprefixer - ну, тут понятно;
   
3. препроцессоры (SCSS, LESS и т.д.) - тебе не нужно будет отдельно запускать программы типа Koala и т.д.;
   
4. минификация JS и CSS - это будет делаться автоматически.
   

Перечислять можно много чего

Попробуй OptimizedHTML, где по умолчанию уже много чего есть внутри