Apr
22

jQuery Standards (5) – Effects and Animation

jameswiseman Programming 2010-04-22

Synopsis

Adopt a restrained and consistent approach to implementing animation functionality.

Description

jQuery provides some basic functionality, the simplest of which is demonstrated by the following code:
    $("#MyDiv").hide("slow");

Here, the hiding of MyDiv is animated.

It is important that a consistent approach to the use of effects and anuimation is adopted across the web application.

There is a temptation when discovering this functionality to ‘go nuts’ and have divs whizzing in from all angles with buttons flashing and all hell breaking loose. In general you should try to show restraint when using animation.

If possible, feed animation use into UI standards.

jQuery Coding Standards Menu

  1. jQuery Variables
  2. DOM Manipulation
  3. Events
  4. Page Style and Layout Changes
  5. Effects and Animation
  6. Selectors
  7. Plugins
  8. Chaining
, ,
Address: http://www.jameswiseman.com/blog/2010/04/22/jquery-standards-5-effects-and-animation/
«
»
Trackback

2 comments untill now

  1. jQuery Coding Standards and Best Practice « James Wiseman @ 2010-04-22 13:39

    [...] Effects and Animation [...]

  2. jQuery Standards (4) – Page Style and Layout Changes | James Wiseman @ 2010-06-26 20:17

    [...] Effects and Animation [...]

Add your comment now