The first step was so easy, I decided to take some more. I ripped out the header and footer of my Wordpress template and filled it in with some of Paul Irish’s HTML5 Boilerplate. After, fighting off the fright and intimidation, I was able to follow along with the comments and decide what was needed from the boilerplate, what I wanted, and what I could toss away. There’s a corresponding CSS file with fantastic default styles and even some placeholders for media queries. Which, in fact, is where I tidied up my work. Check out this site on webkit-enabled mobile device (iPhone, Android, etc), and you should see a nice, readable mobile layout. It’s by no means perfect, but I would consider the site mobile-enhanced.
- John Resig, HTML5 DOCTYPE, http://ejohn.org/blog/html5-doctype/