Переглядаючи наш макет Photoshop, ми пишемо почати писати HTML, щоб описати, на що ми дивимось. Ми, звичайно, використовуємо HTML5, коли є сенс дотримуватися якомога абсолютнішої семантики. Наприклад, ми використовуємо елемент для дати публікації
, оскільки, знаєте, це розумно та семантично.
Ми трохи торкнемося використання Zen Coding і переходимо до CodePen, оскільки в нього вбудовано. Крім того, клацання команд у Sublime Text 2 є неймовірним.
Ми використовуємо HTML-коментарі (на даний момент) для позначення закриваючих тегів, які знаходяться далеко від початкового аналога. напр
… lots of space
Для наших заголовків ми використовуємо деякі реальні заголовки з веб-сайту, що працює, тому ми працюємо з реальним вмістом.