Picking Time

[Jens Haeusser]

The linked presentation on designing reusable jQuery components is also
worth a look- 
http://www.filamentgroup.com/examples/jqcamp/jQueryCamp_ScottJehl.pdf

Jens


On 11/11/08 8:01 AM, "Eli Cochran" <eli at media.berkeley.edu> wrote:

> Interesting blog posting by John Resig this morning talking about a time
> picker that I've mentioned before and also the delightful jQuery Themeroller.
> 
> - Eli 
> 
> 
> Begin forwarded message:
> 
>> Date: November 11, 2008 2:07:52 AM PST
>> Subject: Picking Time
>> Source: John Resig
>> Author: John Resig
>> 
>>  
>> It's not often that new user interface conventions are born - or popularized.
>> Even less so within the realm of web development. I'd argue that Sparklines
>> <http://en.wikipedia.org/wiki/Sparkline>  and Lightbox
>> <http://www.lokeshdhakar.com/projects/lightbox2/>  are two of the best
>> examples of UI conventions that were popularized on the web.
>> 
>> Recently Maxime Haineault <http://haineault.com/>  announced a simple jQuery
>> plugin for inputting a new time of day called jQuery.timepickr.js
>> <http://haineault.com/media/jquery/ui-timepickr/page/> . Its principles are
>> very similar to jQuery itself: Get users to input the time as simply as
>> possible with as little input as possible.
>> 
>> To achieve this he made a "two click" time picker. The first click is within
>> the time field. This activates the display and allows the user to choose the
>> time - all of which is done by moving the mouse over the times that you
>> desire. The final click is anywhere - filling in the time that was chosen.
>> It's hard to explain, you simply have to try it.
>> 
>>  <http://haineault.com/media/jquery/ui-timepickr/page/>
>> One thing that you'll notice using it is that it's fast. Very fast. I'd argue
>> much faster than clicking into the input area, moving to the keyboard for
>> entering the time, typing the time, then moving back to mouse.
>> 
>> But not only is it faster, but it's also quite intuitive - which is rather
>> rare for something that utilizes a completely new user interface convention.
>> 
>> A nice extra point is that the input is completely styled using the jQuery UI
>> style conventions - which means that you'll be able to customize it
>> completely with the jQuery UI Themeroller <http://ui.jquery.com/themeroller>
>> .
>> 
>>  <http://ui.jquery.com/themeroller>
>> I love the Themeroller and use it all the time to customize UI controls. It
>> beats the pants off of any other UI customization tool that I've seen.
>> Definitely give it a whirl. Consistently styling JavaScript user interface
>> components can be incredibly annoying, but the Themeroller helps to make it
>> sane - which is just perfect.
>> 
>> Read moreŠ <http://ejohn.org/blog/picking-time/>
>> 
>>  
>> . . . . . . . . . . .  .  .   .    .      .         .              .
>> .
>> 
>> Eli Cochran
>> user interaction developer
>> ETS, UC Berkeley
>> 
>>  
>> 
>> 
>> 
>> _______________________________________________________
>> fluid-work mailing list - fluid-work at fluidproject.org
>> To unsubscribe, change settings or access archives,
>> see http://fluidproject.org/mailman/listinfo/fluid-work

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20081111/880bd273/attachment.html>