Я бы особенно рекомендовал , а не , пытаясь завершить всю разметку, прежде чем вы начнете добавлять в CSS и / или Javascript.
Причина довольно проста: CSS и JS взаимодействуют с вашей страницей на основе элементов и селекторов, которые вы определяете в разметке. Так что, если у вас в голове есть видение того, как вы собираетесь выкладывать страницу, вы можете представить, какой должна быть разметка (и часто вы будете довольно близки), но вы обнаружите это, когда действительно подключитесь В CSS или JS есть вещи, которые не работают точно так, как вы ожидали.
На этом этапе вам часто нужно уточнить разметку, чтобы настроить элементы и селекторы таким образом, чтобы CSS или JS вели себя так, как вам хотелось бы.
С этим гораздо легче справиться, когда ваш код стал меньше. Если вы думаете, что уже закончили свою разметку на 100%, а затем добавили свой CSS сверху и что-то выглядит смешно, вам, возможно, придется потратить гораздо больше времени на поиск точной причины проблемы и переписать большие куски разметки, чем вы бы потратили на это постепенно.
Итак, я бы порекомендовал вашему рабочему процессу больше "большой картины" -> "подробностей".
Начните с базового каркаса вашего сайта и просто поместите туда достаточно CSS, чтобы увидеть, что все основные разделы вашей страницы имеют размеры и расположение в соответствии с вашими ожиданиями. Затем приступите к наложению содержимого и представления на уровне блоков, затем перейдите к деталям и отполируйте их.
Основные функциональные возможности должны появиться до того, как вы будете слишком сильно беспокоиться об элементах представления, но большая разметка и интерактивность (а это не просто разметка) должны предшествовать подробному содержанию.
Надеюсь, это имеет смысл. Конечно, самое главное - найти рабочий процесс, который поможет вам быть максимально эффективным, поэтому попробуйте разные подходы и найдите шаблон, который «подходит» для вашего мышления.