jQuery 1.4 Animation Techniques - Index of

jQuery 1.4 Animation Techniques - Index of jQuery 1.4 Animation Techniques - Index of

02.06.2013 Views

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

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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!