Качество растет с опытом! Не нагружайте себя себя лишний раз сложными статьями и книгами, где описаны разнообразные подходы. Создавайте их сами. Пускай это будут кастыли, но зато вы начнете понимать, что ваш подход плох, сразу будут видны бреши, от чего проще будет понять, что улучшить!
Возьмите лучшее из БЭМ. Я, лично, целиком ненавижу БЭМ, с его длиннющими классами. Но по мне, он лучше других поможет понять суть того, как нужно верстать.
Возьмите лучше из bootstrap и ему подобных. Поймите почему они плохи и почему хороши, заберите то, что хорошо. Ни одна книга не научит вас качеству! Ему(качеству) научит опыт.
Попробуйте препроцессоры и так же поймите, почему они плохи и почему хороши, а главное стоит ли совсем переходить на них, как это делаю многие. Ну и понять как сделать так, что бы без их использования можно было писать код не хуже, в плане скорости!
Не менее важно выбрать редактор. Найти их можно много, но лучший для себя придется выбрать!
Лично у меня
sublime text 3. Пробовал многие, начал с adobe dreamweaver, потом notepad++, потом sublime text 2, потом brackets и в итоге перешел обратно на sublime!
Устанавливайте плагины к ним, обязательный это
emmet. Дальше по ходу дела! Еще очень хорошо это
autoprefixer,
livereload.
P.S. Все начинают в начале писать код через одно место, писать кучу кастылей, спагетти кода! Это нормально! Ведь человек тоже не сразу начинает ходить.
Простой
