connecticum

Господа, требуется ваша помощь! Я просто запутался, голова идет кругом! Суть проблемы такова, я посмотрел уже достаточно много курсов и до сих пор не могу понять как правильно верстать! Вроде неплохо знаю теорию, различные инструменты, пишу на js небольшие приложения, но вот основы верстки никак не могу понять! Саму базу. В принципе, я могу взять любой макет и сверстать по нему сайт, но разве какой-нибудь margin-top: -3px и right: 7px являются правильным подходом? Это ведь говнокод! Но зато я сделаю как на макете. Но ведь так верстать полюбому неправильно! Я не могу понять именно как ПРАВИЛЬНО верстать! Попробую структурировать вопросы: 1. С чего начинается верстка? Допустим с макета psd. Я сажусь рисовать макет, какой размер холста мне выбрать? Где можно посмотреть, найти эти стандарты? Вообще не знаю размеры макетов. 2. В чем задаются все размеры в 2018г? Неужели еще в пикселях? Rem или em? 3. Допустим я нарисовал макет, сверстал его, дальше просто media-queries добавляю и под каждый брейкпоинт изменяю верстку? 4. Какие делать брейкпоинты? Есть ли «золотой набор»? Можно своровать от бутстрапа? 5. Как добиться чтобы сайт смотрелся на всех экранах одинаково? Как быть с разным pixel ratio? 6. Как тестировать вид сайта на разных учтройствах? Достаточно в панели разработчика в хроме? Есть ли какие-нибудь сервисы для этого? 7. Если на каком-то экране смотрится коряво, то создавать новый брейкпоинт под это устройство? 8. Насколько критично добавлять бутстрап к проекту и jquery? В инете столько негатива на этот счет, что сильно увеличивает размер странички и т.п. Есть ли смысл менять бутстрап на что-нибудь легковесное только из-за его размера? 9. По поводу бэма – насколько он популярен, стоит ли его использовать и не избыточно ли добавление класса к каждому элементу? 10. Можно ли использовать в 2018г большую вложенность в css div > ul > li > a? Мне так удобно. 11. Вот на этом пункте мне немного стыдно, но я до сих пор не знаю как правильно оформлять main css, чтобы подключать его к нескольким страницам. Как вообще с этим в обычной практике, для каждой страницы своя стилизация используется или подключаются несколько стилей вкупе с главной? 12. Дайте пример видоса(курса) эталонной верстки?! Язык не важен. Смотрел базовый курс от htmlacademy – крайне не понравился, там нет ответов на мои вопросы. Ребята, буду крайне вам благодарен если поможете расставить все по полочкам!!! Спасибо!