Typographic Hierarchy Part 2: Getting the HTML Right

In this second video in the series we take an unmarked document and mark it up with HTML. The HTML structure of a page is extremely important to give you a foundation on which to create a typographic hierarchy. This video shows how to approach adding the HTML and CSS classes. It also covers using the Brackets text editor and Emmet extension to help make writing the markup faster.

To follow along download the HTML file from this link:
https://gist.github.com/profstein/0bb4a76e9e722b77f66ca0a7353a55f9

Part 1: https://youtu.be/dO1QBSI8n6s
Part 2: this video
Part 3: https://youtu.be/1At4l_B2ByM
Part 4: https://youtu.be/YK_8ucOXiSM

Starting HTML file and CSS reset: https://gist.github.com/profstein/0bb4a76e9e722b77f66ca0a7353a55f9

Final version (end of Part 4): http://codepen.io/profstein/pen/wzaNoJ

source