Mientras miramos nuestra maqueta de Photoshop, escribimos, comenzamos a escribir HTML para describir lo que estamos viendo. Por supuesto, usamos HTML5 siempre que tiene sentido mantenernos lo más absolutamente semánticos posible. Por ejemplo, usamos el elemento para la fecha de publicación del
, porque, ya sabes, eso es inteligente y semántico.
Tocamos un poco el uso de Zen Coding y saltamos a CodePen porque lo tiene incorporado. Además, hacer clic en el comando en Sublime Text 2 es increíble.
Usamos comentarios HTML (por ahora) para indicar etiquetas de cierre que están muy lejos de su contraparte de apertura. p.ej
… lots of space
Para nuestros títulos, usamos algunos títulos reales del sitio web en vivo, por lo que estamos trabajando con contenido real.