We've finished working in Photoshop, so now it's time to begin translating our designs into working web pages. Let's begin by setting up a project and setting out some basic markup.

Homepage and Header Markup

Adaptive Blog Theme: Homepage and Header Markup

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Article Markup

Adaptive Blog Theme: Article Markup

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Sidebar and Footer Markup

Adaptive Blog Theme: Sidebar and Footer Markup

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube