В каком порядке верстаете?

Question

[Sergey750il]

Эффективнее сначала производить HTML разметку, назначать классы блокам, а потом уже переключаться на css и стилизовать все это дело? или выгоднее после разметки каждого блока прописывать его стили в css?

Answer 1

[Назар Мокринский]

Сначала сброс стилей (normalize.css), потом сверху вниз по порядку.
Сначала полностью шапку, потом ниже, ниже, и в самом конце футер.
HTML параллельно с JS/CSS. Как иначе не очень понимаю, придется прыгать туда-сюда и точно можно что-то пропустить.
Чтобы не метаться туда/сюда ставите нормальную IDE вроде PhpStorm/WebStorm, открываете параллельно два файла каждый на пол экрана и вперёд. Ну и желательно большой монитор, но это уже как получается.

Answer 2

[chupok]

Посмотрите видео с лекции Владимира Агафонкина на Yet another Conference. Он как раз рассказывает о том, в какой последовательности браться за html, css и js. И при этом не обходит стороной тему кроссбраузерности.

Answer 3

[Sanes]

1. Сброс
2. Позиционирование
3. Типографика
4. Элементы и блоки.

Мысленно разделите на слои и этажи. Соответственно от самого нижнего слоя и верхнего этажа начинайте верстать.

Comments

[Sergey750il]

Это как я понял вы описали работу с css, а разметку вы до css производите?

[Sanes]

Sergey750il: одновременно

[Sergey750il]

Вот у меня тоже самое. Хотя иногда задумываюсь над тем, что эффективнее производить сначала разметку, что бы не метаться между файлами.

[Sanes]

Sergey750il: Мысленно разделите на слои и этажи. Соответственно от самого нижнего слоя и верхнего этажа и начинайте.

Answer 4

[Сергей Петроченко]

Если блоки со сложной вложенностью, то сначала каркас из основных, далее начиная с самых простых чтобы к ним не возвращаться, сделали блок написали стиль к нему или если мысленно их представляете хорошо, несколько блоков и стили прописываете.

Answer 5

[Владимир Ребров]

Мне удобнее сначала описать весь html(ну или почти весь), так как ты концентрируешься на абстракциях системы классов и не отвлекаешься на задачи представления. А потом сверху вниз от блока к элементам разукрашиваю все это дело.