Как правильно верстать страницу?

Question

[Александр]

Раньше всегда верстал так - html блок и сразу к нему стили, однако, посмотрел ролик, в котором парень сначала писал весь html, а потом прописывал стили. Как будет быстрее и правильнее? Как вы верстаете?

Answer 1

[Ice]

От перемены мест слагаемых затраченное время не меняется.
Есть продуманный шаблон - пишите первым делом костяк, потом красивости.
Изобретаете велосипед пока на нем едете - в таком случае лепите блок и сразу к нему стили.

Answer 2

[Ivan Bogachev]

Как будет быстрее и правильнее? Как вы верстаете?

Если проект предполагает продолжительное существование, то имеет смысл делить все на компоненты и верстать каждый по отдельности, класть их в отдельные файлы. Для каждого компонента это стили, скрипты и пример разметки. Разумеется, все общие данные вроде цветов или размеров отступов имеет смысл сразу выносить в отдельный конфиг. Полезно сразу использовать везде одну и ту же методологию по именованию всего. Какая будет - не важно, главное, чтобы везде одинаковая. Организовать можно по-разному, но суть в том, чтобы работать не со "страницами", а с "набором компонентов".

Потом имеет смысл сделать страницу, на которой будут все компоненты сайта или группы сайтов (часто бывает, что у одной компании несколько сайтов с одним дизайном) в одном месте с примерами разметки (можно сгенерировать автоматически, инструментов хватает). А потом или методом копипасты или с шаблонизатором (смотря какой проект) клепать страницы десятками и вообще ни о чем не думать. Все это не занимает так много времени, как некоторые думают, а в перспективе происходит экономия на поддержке... Хотя стоп, о чем это я, в нашем мире господствует подход х*як-х*як и в продакшен.