Summary
This chapter has systematically walked you through Base and Core's tools for animation. A splash of animation, when applied with discretion, can really add that extra bit of umph that distinguishes your application from the rest of the crowd. After reading this chapter, you should:
Be able to use Base's utilities for fading nodes in and out
Be able to use Base's
animatePropertyfunction to animate arbitrary CSS propertiesUnderstand the effect of easing functions, duration, and rate on an
_AnimationBe aware of Core's facilities that supplement the animation support provided by Base
Be able to use Core's animation support for additional effects, including wipes and slides
Be able to chain together animations to run sequentially with
dojo.fx.chainas well as run multiple animations in parallel withdojo.fx.combineBe able to use
dojo.fx.Togglerto hide and show a node via its simple, uniform interfaceUnderstand how to combine animations with drag-and-drop to create highly interactive page content
Be able to create and effectively use
Colorobjects to eliminate manual computation of color values in your codeTip
There are amazing graphics and animation tools backed by SVG, VML, and Silverlight backends, provided through the
dojox.gfxmodule.
We're going to cover data abstraction in the next chapter.
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access