While looking at our Photoshop mockup, we write start writing HTML to describe what we are looking at. We are of course using HTML5 whenever it makes sense to staying as absolutely semantic as possible. For example we use the
<time> element for the publication date of the
<article>, because, you know, that’s smart and semantic.
We use HTML comments (for now) to signify closing tags that are far apart from their opening counterpart. e.g.
<div class='page-wrap'> ... lots of space <div><!-- END div.page-wrap -->
For our titles, we use some real titles from the live website so we’re working with some real content.