Easing

Page history last edited by Ralph Whitbeck 2 mos ago

 

type: effect

release: 1.0

priority: Complete

status: Complete - will become a jQuery Core Plugin - Needs documentation

documentation: http://docs.jquery.com/UI/Effects/AdvancedEasing

demo: http://jquery-ui.googlecode.com/svn/trunk/demos/effect/easing.html

http://ralphwhitbeck.com/demos/jqueryui/effects/easing/

 


 

1 - Description:

 

Utility to use animations that are non-linear like acceleration, decceleration, bounce, etc. More info here:

http://jquery-ui.googlecode.com/svn/trunk/demos/effect/easing.html

 

Another, simplier demo which also shows the jQuery code used to create the easing effect.

http://ralphwhitbeck.com/demos/jqueryui/effects/easing/

 


 

2 - Visual Design:

 

N/A

 


 

 

3 - Functional Specifications/Requirements:

 

(Detailed description of how the script will be structured: defaults, options, architecture, extensibility, etc.)

 


 

4 - Markup & Style:

 

     4.1 Initial markup examples

 

     (Pre-enhanced HTML markup structure that will be transformed into the final widget. There may be multiple possible HTML markup options per widget: for example, for a slider, radiobuttons, inputs or selects could all be used. )

 

     4.2 Recommended transformed HTML markup

 

     (The HTML markup structure and classes that will be used by the scripts in the enhanced version) 

 

     4.3 Accessibility recommendation

 

    (Detailed recommendations for ARIA, HTML markup, CSS and javascript that will contribute to universal access and full section 508 accessibility for screen readers, mobile devices and any other devices) 

 

     4.4 CSS & Theme

 

    (Description of the CSS classes to be used for all states, how custom theming and Themeroller support will work.) 

 


 

5 - Latest version of plugin:

 

(Link to the latest version in the jQuery UI trunk here)

 


 

6 - Open issues being discussed

 

(Use this area to place things that we're hashing out like featuresand options we're not sure we should include, questions about how this fits into UI and relates to other widgets and utilities, known problems, whether features should be broken across multiple releases, etc.)

 


 

 

 

 

Comments (4)

profile picture

Scott González said

at 8:23 pm on Sep 16, 2009

Easings are being removed from UI to become a core plugin.

profile picture

Ralph Whitbeck said

at 8:25 pm on Sep 16, 2009

Right, Rich said there wasn't any documentation for easing so I am using this page to scratch some stuff together unless there is some documentation somewhere we don't know about.

profile picture

Ralph Whitbeck said

at 8:26 pm on Sep 16, 2009

stuff = documentation

profile picture

Ralph Whitbeck said

at 6:44 pm on Sep 20, 2009

I created a new simpler demo that also gives example code. The one in the repository is great but it took me a little while to figure out how to get a bare minimum code base to work with the effect desired. Hopefully this code example will help others. http://ralphwhitbeck.com/demos/jqueryui/effects/easing/

You don't have permission to comment on this page.