Excellent Custom Spinning Wheel Control (HTML+CSS+JS)
Categories: Design, Featured, Resources, iPhoneization
Loading ...
Loading ...
Matteo 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.
April 13th, 2009 at 6:45 pm
[...] iPhoneized added an interesting post today on Excellent Custom Spinning Wheel Control (HTML+CSS+JS)Here’s a small reading He’s on a mission to change the way designers think about iPhone optimized websites…. [...]
April 13th, 2009 at 11:30 pm
[...] Excellent Custom Spinning Wheel Control (HTML+CSS+JS) [...]
April 14th, 2009 at 12:37 am
WOW this is amazing are you happy that you copied it from this. http://tapbots.com/convertbot/
April 14th, 2009 at 4:44 am
[...] Excellent Custom Spinning Wheel Control (HTML+CSS+JS) | iPhoneized [...]
April 14th, 2009 at 7:16 am
@Matthew: If you read his comment:
http://cubiq.org/rotating-wheel-for-your-iphone-webapps/14#comment-367
You’ll see he got his inspiration from tapbots. Furthermore, I think it’s impressive that these custom controls can be created with no knowledge of Objective C.
Cheers,
Chris
April 14th, 2009 at 10:06 am
@Chris,
glad you liked my little widget, please let me know if you make something useful out of it! Also, I’m always looking for original ideas for new UI elements, if you (or your readers) have some suggestions I’ll be glad to convert them into javascript and release them under MIT license.
April 23rd, 2009 at 9:00 am
Simply brilliant !!!
November 18th, 2009 at 10:04 am
I dont get it, where is the link to the demo?
November 18th, 2009 at 12:02 pm
Sorry about that, I just fixed both links.
November 19th, 2009 at 12:24 am
How about a numeric keypad for currency input
November 19th, 2009 at 2:37 pm
the demo doesn’t work. does it only work in the iPhone? can it work in my browser? i am using firefox.
November 19th, 2009 at 5:30 pm
It needs to run in iPhone because it uses touch functionality.