Effects

Page history last edited by Todd Parker 1 yr ago

type: effect

release: 0.0

priority: high || medium || low

status: in planning || in development || complete

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

demo: url || N/A

1 - Description:

Set if visual effects that can be used across widgets. These include...

Effects that can be used with Show/Hide/Toggle:

Blind - Blinds the element away or shows it by blinding it in.
Clip - Clips the element on or off, vertically or horizontally.
Drop - Drops the element away or shows it by dropping it in.
Explode - Explodes the element into multiple pieces.
Fold - Folds the element like a piece of paper.
Puff - Scale and fade out animations create the puff effect.
Slide - Slides the element out of the viewport.
Scale - Shrink or grow an element by a percentage factor.
Size - Resize an element to a specified width and height.
Pulsate - Pulsates the opacity of the element multiple times.

Effects that can be only used stand-alone:

Bounce - Bounces the element vertically or horizontally n-times.
Highlight - Highlights the background with a defined color.
Shake - Shakes the element vertically or horizontally n-times.
Transfer - Transfers the outline of an element to another.

Documentation here:

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

2 - Visual Design:

N/A

3 - Functional Specifications/Requirements:

(Detailed descrition 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.)