jQuery 1.4 Animation Techniques - Index of
jQuery 1.4 Animation Techniques - Index of jQuery 1.4 Animation Techniques - Index of
Author Dan Wellman Reviewers Shaiful Islam Ben Nadel Cyril Pierron Acquisition Editor Sarah Cullington Development Editor Roger D'souza Technical Editor Conrad Sardinha Indexer Hemangini Bari Credits Editorial Team Leader Akshara Aware Project Team Leader Priya Mukherji Project Coordinator Sneha Harkut Proofreader Aaron Nash Production Coordinator Melwyn D'sa Cover Work Melwyn D'sa
Foreword Since the first jQuery homepage in 2006, an interactive example introduced visitors to jQuery with a single line of code, and a button to run that code. When clicked, it added a class to a hidden paragraph, and animated that paragraph to become visible. Today, in late 2010, the API documentation has 15 methods listed in the Effects category. These provide built-in animations for fading and sliding, as well as various ways to create custom animations. When combined with color and class animations and custom easings that jQuery UI provides, there are even more ways to create animations. A good rule of thumb for using animations is to use slides when showing elements within the pageflow, and fades for overlays, like a tooltip. But that's just a rule of thumb, and with all the tools available there's a lot more opportunity to improve interactions, as well as messing them up. With that in mind, a full book on animations starts to make a lot of sense. It makes even more sense when also taking into account upcoming technologies which aren't bound to jQuery directly, like CSS3 animations or animated canvas drawings. As a tech reviewer I've worked with Dan on his jQuery UI 1.6 and jQuery UI 1.7 books. At the time the jQuery UI team was still figuring out the scope and exact direction of the project, including several direction changes at the time when Dan was writing the first book. Despite these challenges Dan did a great job providing documentation and extensive examples on how to use and combine the widgets and interactions jQuery UI provides. With this book Dan brings his experience in writing on jQuery topics to teach you when and how to use animations to create better user experiences. I hope it serves you well. Jörn Zaefferer jQuery UI development lead, plugin author, and QUnit maintainer
- Page 2 and 3: Download from Wow! eBook jQuery 1.
- Page 6 and 7: About the Author Dan Wellman is an
- Page 8 and 9: Cyril Pierron is an engineer, a web
- Page 12: For Pat Spacagna, the greatest moth
- Page 15 and 16: Download from Wow! eBook Table of
- Page 17 and 18: Table of Contents Time for action -
- Page 19 and 20: Table of Contents jQuery and transf
- Page 21 and 22: Drawing to the canvas 309 Supportin
- Page 23 and 24: Preface What this book covers Chapt
- Page 25 and 26: Preface Have a go hero - heading Th
- Page 27 and 28: Preface Piracy Piracy of copyright
- Page 29 and 30: Introduction In addition to animate
- Page 31 and 32: Introduction When not to use animat
- Page 33 and 34: Introduction of the template file"
- Page 35 and 36: Introduction In the previous screen
- Page 37 and 38: Introduction Once our variables hav
- Page 40 and 41: 2 Fading Animations In this chapter
- Page 42 and 43: [ 21 ] Chapter 2 We can control the
- Page 44 and 45: The previous screenshot shows how t
- Page 46 and 47: [ 25 ] Chapter 2 Most of the styles
- Page 48 and 49: 2. What else can be passed into the
- Page 50 and 51: Time for action - creating the dial
- Page 52 and 53: [ 31 ] Chapter 2 For example, the a
Foreword<br />
Since the first <strong>jQuery</strong> homepage in 2006, an interactive example introduced visitors to <strong>jQuery</strong><br />
with a single line <strong>of</strong> code, and a button to run that code. When clicked, it added a class to a<br />
hidden paragraph, and animated that paragraph to become visible.<br />
Today, in late 2010, the API documentation has 15 methods listed in the Effects category.<br />
These provide built-in animations for fading and sliding, as well as various ways to create<br />
custom animations. When combined with color and class animations and custom easings<br />
that <strong>jQuery</strong> UI provides, there are even more ways to create animations.<br />
A good rule <strong>of</strong> thumb for using animations is to use slides when showing elements within<br />
the pageflow, and fades for overlays, like a tooltip. But that's just a rule <strong>of</strong> thumb, and with<br />
all the tools available there's a lot more opportunity to improve interactions, as well as<br />
messing them up.<br />
With that in mind, a full book on animations starts to make a lot <strong>of</strong> sense. It makes even<br />
more sense when also taking into account upcoming technologies which aren't bound to<br />
<strong>jQuery</strong> directly, like CSS3 animations or animated canvas drawings.<br />
As a tech reviewer I've worked with Dan on his <strong>jQuery</strong> UI 1.6 and <strong>jQuery</strong> UI 1.7 books. At the<br />
time the <strong>jQuery</strong> UI team was still figuring out the scope and exact direction <strong>of</strong> the project,<br />
including several direction changes at the time when Dan was writing the first book. Despite<br />
these challenges Dan did a great job providing documentation and extensive examples on<br />
how to use and combine the widgets and interactions <strong>jQuery</strong> UI provides.<br />
With this book Dan brings his experience in writing on <strong>jQuery</strong> topics to teach you when<br />
and how to use animations to create better user experiences. I hope it serves you well.<br />
Jörn Zaefferer<br />
<strong>jQuery</strong> UI development lead, plugin author, and QUnit maintainer