Explore my side projects and work using this link

Upsidedown is a WordPress theme design that brings blog posts rising above inverted header and footer components.

html5 and nostuff

Written in

by

It’s hard not to think of nostuff.org and not think of blazing web standards.

So I had a go at updating the template for this here blog to make it all html5. Turns out this is quite simple.

It seems you can probably just replace your doctype with

<!DOCTYPE html>

and you’ve got yourself a html5 webpage.

The W3C validator proves it so. From there I added some of the new section elements such as header, footer, nav, aside and article. It seems that these can apply to the page (i.e. the page’s footer) or a section (the footer of a blog post, where it shows tags and date published  etc). I used various sources on the web, via Google, including a few articles, and sample sites.

So nostuff mostly validates as html5 and makes use of some of the elements above, though this doesn’t affect anything visually at the moment (I think, I really don’t have much of a clue as to what I’m doing).

I’ve created a gzip file of the theme here. You’re welcome to download and use it, though it’s not really designed to be shared (includes my analytics/adsense codes etc).

One response to “html5 and nostuff”

  1. rich - web design bristol avatar

    I would be wary here if you are trying to convert your site to HTML5. For one the specification is still a W3C Working Draft (http://www.w3.org/TR/html5/). I would also recommend testing your blog in older browsers such as Internet Explorer 6, 7 and Firefox pre 3.5 (don’t quote me on that) along with Safari 2 or less (maybe even Safari 3). Don’t get me wrong, I would love to start marking-up explicitly in HTML5 but until the specification becomes slightly more non ‘Working Draft’ I’d hold off for a bit longer.