Демки формочки-кнопочки говорите клепаете? Может, вам понравится такой подход?
demo.patternlab.io ? Создаете маленькие кусочки сайтов, а потом собираете все воедино. То есть берите понравившийся макет, делайте именно по макету то, что умеете - меню, кнопку, шрифты - и постепенно собирайте его, как паззл.
С методологией вообще не морочьте себе голову, это очень индивидуально, либо навязано (в нейтральном смысле этого слова) коллективом, в котором вы работаете. Пишите говнокод. Когда начнут возникать реальные проблемы, типа, почему у меня уже 10 уровней вложенности, может это неправильно? или как мне разобраться в этом цсс файле в 5000 строк? Почему у меня страница грузится 5 секунд, хотя на ней только текст и 2 картинки? Как, черт побери, мне сделать так, чтобы header не нужно было править в 200 html файлах?
Идёте дальше. Выбирайте что-то одно. Не слушайте, если вам говорят, что scss лучше чем Stylus. Выбрали - учите дальше. Никто вам в работе не откажет, если вы покажете сайты сделанные на стилусе, а не на лессе/сассе. Разобравшись в одном, вы уже будете примерно представлять, как работает другое и при необходимости научитесь этому другому за пару дней. Выбрали фреймворк? Верстайте на нем. И т.д. Ну нету в вебе ничего единого, каждая крупная компания создает свои библиотеки, свой процесс работы - но всё это основано на ИХ опыте, а не вашем.
И еще, оставьте розовые мечты про идеальный веб. Очень редко в крупных проектах все делается правильно. Чем больше проект разрастается, чем больше человек работает над ним, тем уродливей он выглядит. Дааа, есть компании, где есть свои стайлгайды, где все верстальщики делают всё одинаково и у них получается идеальный проект. Но это верстальщики с многолетним опытом, вы туда со старта не попадете. Попадете туда, где будут говнокодить. А вам остается только делать выводы и учиться на своих и чужих ошибках.
