Я обычно иду со вторым вариантом:
Напишите HTML для элемента дизайна и
CSS одновременно
Это действительно помогает, например, когда я пишу HTML, я также пишу CSS, что помогает мне быстро находить любые возможные проблемы совместимости макета или кросс-браузерной работы. Если я сначала написал весь HTML, а затем CSS, то все станет немного сложнее, и вам будет трудно исправить / оформить весь HTML, который вы уже создали.
Что касается предоставленной вами ссылки, я бы просто сказал, что у автора свой взгляд и личный способ работы. Другими словами, это также зависит от того, какой способ вам наиболее удобен или скорее быстрый.