Effect demos

Effect demos


I've created a /demos/effect_types/ folder in SVN that contains an
index page that lists all the effect types alphabetically (need props
fixed):
http://jquery-ui.googlecode.com/svn/trunk/demos/effect_types/
This matches the the new effects site nav structure with a Methods and
Types top level organization:
http://ui-dev.jquery.com/demos/
The 3 older folders we had earlier that broke these into show/hide,
movement, feedback effects into separate folders can be deleted from /
demos/ by someone on the team if this new folder looks good.
Inside this folder, there is a default.html page in that folder that
contains an integrated demo with all 14 effect types listed
alphabetically so a user can try them out quickly. Please feel free to
fix these up:
http://jquery-ui.googlecode.com/svn/trunk/demos/effect_types/default.html
I'd like this demo to be embedded in the Effect types page, either
above or below the bulleted list of types but don't know how to do it
because this is a doc wiki page:
http://ui-dev.jquery.com/docs/Effects/Types
Once you drill into a specific effect type, we need to re-template
this to match Maggie's template with the demo block on top and
overview + option list below. Right now these effect method and type
detail pages are a mess so getting them into the new template is
important:
http://ui-dev.jquery.com/docs/Effects/Puff
Maggie put the static markup in for these pages in /src/design/markup/
demo-effect/ if anyone wants to take a crack at fixing them.
Lastly, we might want to consider adding the demo right nav on these
pages next to the top demo blocks. If these updated the content below
with options and the overview, then it could serve as a local nav so
we don't need to clutter up the left nav with all these links.