Enquanto olhamos nossa maquete do Photoshop, começamos a escrever HTML para descrever o que estamos vendo. É claro que estamos usando HTML5 sempre que faz sentido permanecer o mais absolutamente semântico possível. Por exemplo, usamos o elemento para a data de publicação do , porque, você sabe, isso é inteligente e semântico.
Tocamos um pouco no uso do Zen Coding e pulamos para o CodePen porque ele o tem integrado. Além disso, clicar com o comando em Sublime Text 2 é incrível.
Usamos comentários HTML (por enquanto) para significar tags de fechamento que estão distantes de sua contraparte de abertura. por exemplo
… lots of space Para nossos títulos, usamos alguns títulos reais do site ao vivo, portanto, estamos trabalhando com algum conteúdo real.