Excellent Custom Spinning Wheel Control (HTML+CSS+JS)

rotating-wheel.jpgMatteo Spinelli, creator of the spinning wheel selector widget, has done it again.  He’s on a mission to change the way designers think about iPhone optimized websites.

Tired of the same old cloned Apple UI, Matteo has suggested developing customized controls using javascript, html and css. I can honestly say he is taking the lead on this front.

Using just 150 lines of code, css transforms, WebKitCSSMatrix and javascript, he’s created a truly unique interface that could be mistaken for something cooked up in Objective C for a native app.

The interface is remarkably simple. Consisting of just a single html file and three images, his proof of concept is slick. But it’s potential is what really stands out.

I’ve already started cooking up ways to use it, and will hopefully share a variation with everyone soon! Until then, please head over to cubiq.com and check out Matteo’s creation.

Check out the demo here.

Matteo’s original post here.

Was this article helpful?
YesNo
About S. Santos

I am a tech columnist and blogger by trade, but I'm also an avid tennis player. In my spare time, I enjoy reviewing gadgets and gizmos from the world of tech. A lot has changed in the field since I started out as a writer back in 2009, so it's always exciting to keep up with all that's new. To me, there's nothing quite like getting my hands on a brand-new gadget or piece of software for the first time -- it's like Christmas morning every day!

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.