Advertisement

Adaptive Blog Theme: Initial HTML Markup

by
This post is part of a series called Adaptive Blog Theme: From Photoshop to WordPress.
Adaptive Blog Theme: Post Layout
Adaptive Blog Theme: Basic Styles

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


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

Article Markup


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

Sidebar and Footer Markup


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