The best way to learn about something is to create some sort of project. So to learn about HTML5, CSS media queries, and offline web page storage I created a cheat sheet template. The first example, a Markdown syntax Cheat Sheet.
Markdown Cheat Sheet
The page uses JQuery to allow you to show or hide sections. The interface should work both with a mouse and with touch. There is a CSS style sheet for any page the size of a iPhone 4 or smaller, and a style sheet for anything larger. The page has a manifest file so it can be used offline.
I will write up the things I learned from this little project in other posts.