Off Canvas Menu Prototype

I went down to Brighton a couple of weeks ago for Respsonsive Day Out by clear left. As with most conferences, I left with a head full of new ideas all excited about the latest techniques emerging on the web.

We got to see the awesome Mr Bushell give a talk on some responsive navigation techniques (amongst a whole shebang of amazing speakers I might add!).

I've got an upcoming project where I might be utilising a standard sidebar menu so I thought I'd try out a similar technique whilst chilling out on the sofa this evening.

DEMO

My menu has 3 main stages:

The only JS it needs is a toggle to set a class of 'open' on the body and the CSS does the rest.

Modern browsers only for now (Chrome, FF, IE9+, Opera) due to the JS and media queries. May add a patch later.

Savage critisism welcomed of course! Tweet me up.