Patrząc na naszą makietę Photoshopa, zaczynamy pisać HTML, aby opisać, na co patrzymy. Oczywiście używamy HTML5, gdy tylko ma sens, aby pozostać tak absolutnie semantycznym, jak to tylko możliwe. Na przykład używamy elementu na datę publikacji , ponieważ, wiesz, jest to inteligentne i semantyczne.
Dotykamy trochę używania Zen Coding i przeskakujemy do CodePen, ponieważ ma to wbudowane. Również klikanie komend w Sublime Text 2 jest niesamowite.
Używamy komentarzy HTML (na razie) do oznaczania tagów zamykających, które są daleko od ich otwierającego odpowiednika. na przykład
… lots of space W przypadku naszych tytułów używamy prawdziwych tytułów z witryny internetowej na żywo, więc pracujemy z prawdziwą zawartością.