Pages Menu
TwitterRssFacebook
Categories Menu

Posted on Apr 13, 2011 in Technology | 0 comments

Emulating iPhone rotating buttons with HTML5 canvases

This is a quick proof of concept tested with Chrome and Safari (which might also work in Firefox… testers?). I’m using timeouts and HTML5 canvas operations to spin buttons, and some DOM tomfoolery to add and remove rows to the document’s body. The end result is an approximation of some iPhone settings screens that make you unlock delete buttons before you can remove items.

Enjoy!