Photoshop mockup'ımıza bakarken, neye baktığımızı açıklamak için HTML yazmaya başlıyoruz. Elbette, olabildiğince kesinlikle anlamsal kalmak mantıklı olduğunda HTML5 kullanıyoruz. Örneğin, elementi yayın tarihi için kullanıyoruz
, çünkü biliyorsunuz, bu akıllı ve anlamsal.
Zen Coding'i kullanmaya biraz değiniyoruz ve CodePen'e atlıyoruz çünkü içinde var. Ayrıca, Sublime Text 2'de komut tıklamak harika.
Açılış karşılıklarından çok farklı olan kapanış etiketlerini belirtmek için HTML yorumlarını (şimdilik) kullanıyoruz. Örneğin
… lots of space
Başlıklarımız için, canlı web sitesinden bazı gerçek başlıklar kullanıyoruz, bu nedenle bazı gerçek içeriklerle çalışıyoruz.