JQuery knobs

#1

Post by agumonkey » Wed, May 09, 2012, 7:52 PM UTC

JQuery knobs
anthonyterrien.com

Re: JQuery knobs

#2

Post by hackNightly » Wed, May 09, 2012, 8:29 PM UTC

This is simply stunning. Fantastic work, can't wait until I have a good reason to use this.

Re: JQuery knobs

#3

Post by sushi » Wed, May 09, 2012, 8:35 PM UTC

I think we will see this being used in lot of 'web infographics'. I personally was never fond of infographics in the image format but it helped spammers derive SEO juice which is how the whole infographic mania started.

Infographics meant for web consumption should be made using HTML, CSS and JS not images and this library will help a great deal.

Re: JQuery knobs

#4

Post by dm8 » Wed, May 09, 2012, 8:36 PM UTC

This is stunning. UX metaphors can work in number of situations.

Re: JQuery knobs

#5

Post by davidw » Wed, May 09, 2012, 8:37 PM UTC

Cute. One thing that would improve it would be keyboard shortcuts. The editing of the number in the middle feels a bit awkward too. I guess it might make a nice replacement for a slider in certain circumstances.

Re: JQuery knobs

#6

Post by agumonkey » Wed, May 09, 2012, 8:38 PM UTC

sushi wrote: post #3

I think we will see this being used in lot of 'web infographics'. I personally was never fond of infographics in the image format but it helped spammers derive SEO juice which is how the whole infographic mania started. Infographics meant for web consumption should be made using HTML, CSS and JS not images and this library will help a great deal.

It would be a very good addition to Bret Victor's reactive document widgets.

Re: JQuery knobs

#7

Post by tptacek » Wed, May 09, 2012, 8:39 PM UTC

Beautiful, but, when is this ever the best UX for a control (outside of sound mixers and sequencers)?

(I'm expecting/hoping to get schooled on this.)

Re: JQuery knobs

#8

Post by LyleK » Wed, May 09, 2012, 8:39 PM UTC

Very nice!

Re: JQuery knobs

#9

Post by 10dpd » Wed, May 09, 2012, 8:41 PM UTC

I implemented something like this for my 'Clock' iOS app about 6 months ago.

Check out: http://itunes.apple.com/us/app/clock-free/id497161475?mt=8 and double tap to set the alarm using this UI metaphor.

The takeaway for me was that UIWebView is still too unresponsive to handle touch events, so although the app uses HTML5, the touch event handling had to be implemented in ObC.

Re: JQuery knobs

#10

Post by zmitri » Wed, May 09, 2012, 8:42 PM UTC

tptacek wrote: post #7

Beautiful, but, when is this ever the best UX for a control (outside of sound mixers and sequencers)? (I'm expecting/hoping to get schooled on this.)

Knobs are the primary interface in many live music controllers. Check out Ableton live, or the evolution uc-33 to see how they are commonly used. Would be very neat for a web based controller.

EDIT: Oops, I guess I can't read