Used - Good
$9.98$9.98
$3.99 delivery October 14 - 23
Ships from: WeBuyBooks-UK Sold by: WeBuyBooks-UK
Used - Very Good
$14.98$14.98
FREE delivery October 19 - November 2
Ships from: BetterWorldBooksUK Sold by: BetterWorldBooksUK
Download the free Kindle app and start reading Kindle books instantly on your smartphone, tablet, or computer - no Kindle device required.
Read instantly on your browser with Kindle for Web.
Using your mobile phone camera - scan the code below and download the Kindle app.
Follow the author
OK
Web Animation using JavaScript: Develop & Design
Purchase options and add-ons
Readers will learn how to design loading sequences that ensure users stay fully engaged instead of tuning out, how to leverage simple physics principles to make apps respond naturally to users' input (just like motion behaves in the real world), how to exploit CSS transforms to create rich depth in animations, and how to fully leverage JavaScript animation libraries like Velocity.js to streamline animation programming. From animation performance to theory, we cover everything needed to become a professional web animator. Whether you're a novice or professional web developer, this book is for everyone.
Why is all of this so important? Why is it worth your time to become a professional motion designer? For the same reason that designers spend hours perfecting their pages' font and color combinations, motion designers perfect their animations' transition and easing combinations: Refined products feel superior. They leave users whispering to themselves, "Wow, this is cool", right before they turn to a friend and exclaim, "You gotta try this."
- ISBN-100134096665
- ISBN-13978-0134096667
- Edition1st
- PublisherPeachpit Press
- Publication dateMarch 20, 2015
- LanguageEnglish
- Dimensions8.9 x 7.3 x 0.3 inches
- Print length192 pages
Similar items that may deliver to you quickly
- Foundation HTML5 Animation with JavaScriptPaperback$3.99 shippingGet it Oct 16 - 21Only 1 left in stock - order soon.
- Learn JavaScript with p5.js: Coding for Visual LearnersEngin ArslanPaperbackFREE Shipping on orders over $35 shipped by AmazonGet it as soon as Monday, Oct 5
- 3D Web Development with Three.js and Next.js: Creating end-to-end web applications that contain 3D objects (English Edition)PaperbackFREE Shipping on orders over $35 shipped by AmazonGet it as soon as Monday, Oct 5
- JavaScript & jQuery: Interactive Front-End Web DevelopmentHardcoverFREE Shipping on orders over $35 shipped by AmazonGet it as soon as Monday, Oct 5Only 1 left in stock - order soon.
Editorial Reviews
Review
About the Author
Product details
- Publisher : Peachpit Press
- Publication date : March 20, 2015
- Edition : 1st
- Language : English
- Print length : 192 pages
- ISBN-10 : 0134096665
- ISBN-13 : 978-0134096667
- Item Weight : 13.1 ounces
- Dimensions : 8.9 x 7.3 x 0.3 inches
- Part of series : Develop and Design
- Best Sellers Rank: #11,755,184 in Books (See Top 100 in Books)
- #2,672 in JavaScript Programming (Books)
- #3,302 in User Experience & Website Usability
- #8,312 in Web Design (Books)
- Customer Reviews:
About the author

Julian Shapiro is a startup founder and a developer. His first startup, NameLayer, was acquired by Techstars. His current focus is advancing motion design on the web, and to that end he created the JavaScript library Velocity.js, which is rapidly becoming one of the most popular animation libraries on the web. It is one of the most starred projects on GitHub and is depended on by many top sites, including Tumblr and WhatsApp. He was also awarded Stripe's Open Source Grant for his development on Velocity. Follow him for tweets on UI animation: @Shapiro. He currently lives in San Francisco.
Customer reviews
Customer Reviews, including Product Star Ratings help customers to learn more about the product and decide whether it is the right product for them.
To calculate the overall star rating and percentage breakdown by star, we don’t use a simple average. Instead, our system considers things like how recent a review is and if the reviewer bought the item on Amazon. It also analyzed reviews to verify trustworthiness.
Learn more how customers reviews work on AmazonCustomers say
Generated from the text of customer reviewsSelect to learn more
Top reviews from the United States
- 5 out of 5 stars
Worth it. Hard to find this material elsewhere.
Reviewed in the United States on May 5, 2015It's pretty hard to find good technical literature on web animation, which is really a shame.
As a web developer, I first got interested in motion design when I downloaded an amazingly well-designed app on my phone. Been chasing that level of quality ever since. There’s iOS animation then there’s web animation, and they’re entirely separate things. I heard of Velocity.js (author’s animation engine) through work and then began experimenting with it to see if I could recreate some of the more interesting motion design examples I've stumbled into on sites like CodePen and the like.
I wasn’t expecting the author to also release a book on this very subject. So, pleasantly surprised, here I am.
First off, the bad: This book is not very long. You’re not going to become a better designer through it’s myriad examples. In fact, it has only one full-on demo (the final chapter). That’s about it for the bad.
The good:
- The book provides you with a real foundation. I’m an advanced software engineer, but I easily see this being equally as applicable to novices.
- The book takes a really digestible, fluff-free recipe format that builds slowly and more or less climaxes in a really fascinating final demo chapter.
- The topics covered in here are topics I honestly haven’t seen covered elsewhere — so that’s refreshing.
- The more unique topics include text animation, animation performance (a real deep-dive, not superficial advice), and animation workflow.
- Animation workflow alone is worth buying this book for, and is worth dealing with the fact that this book primarily focuses on Velocity (not a big deal).
Not the best JavaScript book I’ve read, but it definitely ranks up there. Certainly one of the top technical books I’ve read, especially on the topic of web animations.
17 people found this helpfulSending feedback...Sending feedback...HelpfulThank you for your feedback.Sorry, we failed to record your vote. Please try againThanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport - 5 out of 5 stars
Web Animation is the best front-end coding book I've read
Reviewed in the United States on March 16, 2015I have 4.5 years behind me as a full-time developer, and a lifetime as a hobbyist. I have been wondering for a while now about the prospects of working my way into the higher skilled areas of web animation. This is one of the few programming books I savored. Like another reviewer said, I haven't seen most of the content written elsewhere, particularly the chapters on text animation and animation performance. I've read 1 or 2 articles on these topics online but never actually read anything that completely breaks down the topics in bible/recipe format. All the while, the book continually (successfully) contextualizes how best practices should be used and what the balance is between going over the top with animations and keeping them subtle. Really a big fan of this. I also recommend reading the work of Aerotwist. He has related content.
5 people found this helpfulSending feedback...Sending feedback...HelpfulThank you for your feedback.Sorry, we failed to record your vote. Please try againThanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport - 5 out of 5 stars
Skeptical about JavaScript-based animation? Read this book.
Reviewed in the United States on June 24, 2015As an prospective user of Velocity.js, I was excited to read what Shapiro had to say about animation on the web. I tend to waffle back and forth between the CSS- and JavaScript-based animation camps (mostly due to performance concerns), but Shapiro really won me over. The book helped me to understand how animations should fit into the architecture of my app, and helped me to make changes that improved not only my code structure, but the overall frame-rate of my app's interactions.
(Interestingly, it seems like his side is 'winning' in the battle between style versus script. Tons of 'put your styles in JavaScript' technologies are popping up these days, not doubt inspired by his work on the subject.)
Sending feedback...Sending feedback...HelpfulThank you for your feedback.Sorry, we failed to record your vote. Please try againThanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport - 4 out of 5 stars
Great book, but should've had "(with Velocity)" in the title.
Reviewed in the United States on April 23, 2015This is a great book. Explains all the VelocityJS options, gives some nice tips and also some nice theory on Motion Design. Just know you won't be learning pure Javascript animation. This is all about the plugin/library Velocity. And that's okay, because Velocity is amazing.
One person found this helpfulSending feedback...Sending feedback...HelpfulThank you for your feedback.Sorry, we failed to record your vote. Please try againThanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport - 5 out of 5 stars
Exactly what I needed
Reviewed in the United States on March 16, 2015I've read a lot of technical books over the past couple years, and this one is definitely a stand out. Excellent book to pair with an animation plug-in like Velocity.JS. Straight forward, to the point, exactly what I needed to get the job done, and gonna be near my desk for a while now that animation is getting more and more prevalent on the Web.
2 people found this helpfulSending feedback...Sending feedback...HelpfulThank you for your feedback.Sorry, we failed to record your vote. Please try againThanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport - 3 out of 5 stars
It's OK but I feel like it just scratches the surface
Reviewed in the United States on August 13, 2016First I want to say that I learned a lot from this book, but I just finished it with the feeling that it could've been much better. I am still left feeling like there are many animations I wish I could do but don't even know how to approach them. I wish the book had had a lot more exercises, examples and different animations that were possible. For example, I wanted to know how to emulate typing on a screen, with a blinking cursor, but it wasn't covered as far as I saw, even in the chapter on text animations. The book contains a lot of white space, some pages are nearly blank or contain no new information. The last chapter has a good demo; I would have been much more satisfied if there'd been one example of that depth for each chapter. Even after finishing this book, there are Velocity.js demos on CodePen.io that I would have no idea how to code.
Sending feedback...Sending feedback...HelpfulThank you for your feedback.Sorry, we failed to record your vote. Please try againThanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport - 5 out of 5 stars
Great for developers of all skill levels
Reviewed in the United States on April 11, 2015JavaScript animation can be an intimidating subject to tackle. Julian does an excellent job of presenting the material in this book at a pace that new and skilled developers can appreciate.
Information on how to get started using the author's javascript animation library is incredibly in depth. The standout chapters for me were on animation workflow and another on animation performance. Excellent job. I hope the author writes more books like this.
Sending feedback...Sending feedback...HelpfulThank you for your feedback.Sorry, we failed to record your vote. Please try againThanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport - 5 out of 5 stars
Great read. Here's a chapter breakdown.
Reviewed in the United States on May 9, 2015- Intro: A love letter to motion design (the book’s term for animation)
- Chapter 1: Walkthrough of why you’d use JavaScript instead of CSS for animation
- Chapter 2: A technical overview of how to perform animation in JavaScript
- Chapter 3: analysis of what constitutes great animation, along with practical examples
- Chapter 4: A fascinating, original take on how to implement animation into a professional web development workflow (my favorite chapter)
- Chapter 5: How to animate text (quite interesting)
- Chapter 6: Quick introduction to animating SVG elements
- Chapter 7: Extensive deep-dive into how to ensure animations run smoothly
- Chapter 8: A nice animation demo that ties together the knowledge from the previous chapters
18 people found this helpfulSending feedback...Sending feedback...HelpfulThank you for your feedback.Sorry, we failed to record your vote. Please try againThanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport
Top reviews from other countries
Yoav5 out of 5 starsA solid title, Great read
Reviewed in Canada on March 18, 2015A well written dive into a part of development that should not be overlooked. It's rich with insights on UX and usability. You'll learn why animation is important, how and when to use it, and relate those lessons directly to the code that actually makes it all work. If you want to level up and learn how to craft truly engaging experiences get this book.
Sending feedback...Thanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport
WARREN5 out of 5 starsClear, concise
Reviewed in Italy on July 6, 2015This is really a book about how to use the author's javascript library velocityjs.
There's nothing wrong with that considering that it is a very good library. But he also has clear ideas about what constitutes good web animation, and manages to convey those ideas using simple concepts.
It's quite a quick read, yet I came away inspired and full of useful ideas.
Sending feedback...Thanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport
Ian4 out of 5 starsDecent book
Reviewed in the United Kingdom on January 14, 2016Decent book, covers Velocity ok, just feels a bit brief maybe. Up side is, its not a problem finishing the book, so you do get a good feel for it.
Sending feedback...Thanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport
James McConnell4 out of 5 starsFour Stars
Reviewed in Canada on March 27, 2017Essential if you are developing with Velocity.
Sending feedback...Thanks, we'll investigate in the next few days.Sorry, We failed to report this review. Please try againWe'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.
CancelReport






