Shop Canis
Used - Good
$9.98
$3.99 delivery October 14 - 23
Ships from: WeBuyBooks-UK
Sold by: WeBuyBooks-UK
$9.98
Ships from the UK. US orders include tracking. Buy from the UK's book specialist. Enjoy same or next day dispatch. A top-rated and trusted seller on Amazon. Ships from the UK. US orders include tracking. Buy from the UK's book specialist. Enjoy same or next day dispatch. A top-rated and trusted seller on Amazon. See less
$3.99 delivery October 14 - 23. Details
Only 2 left in stock - order soon.
$$9.98 () Includes selected options. Includes initial monthly payment and selected options. Details
Price
Subtotal
$$9.98
Subtotal
Initial payment breakdown
Shipping cost, delivery date, and order total (including tax) shown at checkout.
Access codes and supplements are not guaranteed with used items.
Ships from and sold by WeBuyBooks-UK.
$14.98
Former library copy. Pages intact with possible writing/highlighting. Binding strong with minor wear. Dust jackets/supplements may not be included. Includes library markings. Stock photo provided. Product includes identifying sticker. Better World Books: Buy Books. Do Good. Former library copy. Pages intact with possible writing/highlighting. Binding strong with minor wear. Dust jackets/supplements may not be included. Includes library markings. Stock photo provided. Product includes identifying sticker. Better World Books: Buy Books. Do Good. See less
FREE delivery October 19 - November 2. Details
Only 1 left in stock - order soon.
$$9.98 () Includes selected options. Includes initial monthly payment and selected options. Details
Price
Subtotal
$$9.98
Subtotal
Initial payment breakdown
Shipping cost, delivery date, and order total (including tax) shown at checkout.
Access codes and supplements are not guaranteed with used items.
Ships from and sold by BetterWorldBooksUK.
Added to

Sorry, there was a problem.

There was an error retrieving your Wish Lists. Please try again.

Sorry, there was a problem.

List unavailable.
Sponsored
Kindle app logo image

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.

QR code to download the Kindle App

  • Web Animation using JavaScript: Develop & Design

Follow the author

Follow authors for new release and deal updates, plus improved recommendations. See updates from all followed authors in Your Books.
Something went wrong. Please try your request again later.

Web Animation using JavaScript: Develop & Design

4.4 out of 5 stars (68)

{"desktop_buybox_group_1":[{"displayPrice":"$9.98","priceAmount":9.98,"currencySymbol":"$","integerValue":"9","decimalSeparator":".","fractionalValue":"98","symbolPosition":"left","hasSpace":false,"showFractionalPartIfEmpty":true,"offerListingId":"D3T0awhbvwDOTV%2BKlK7ALtuItKO6iP3gQeiYOvg1Hf7m%2BqEacHtjHoH2saPoa8ebfAioN%2FzYKTKA%2BbzlTaF3VE9bzlseCFCLTXkWvos3ig1fmFb6Y7n%2BbW6oySA%2BWyrgx7WJAM9YM2gzZ6rI3%2FkPUu3ReUevyhMZqoUWCi5Z%2FUrKExHheQcTq%2B8Vcmd5ix%2BZ","locale":"en-US","buyingOptionType":"USED","aapiBuyingOptionIndex":0}, {"displayPrice":"$14.98","priceAmount":14.98,"currencySymbol":"$","integerValue":"14","decimalSeparator":".","fractionalValue":"98","symbolPosition":"left","hasSpace":false,"showFractionalPartIfEmpty":true,"offerListingId":"D3T0awhbvwDOTV%2BKlK7ALtuItKO6iP3g1ZsNP9BxNwS0m4lQDciFvj9SDE2pkYLYjxTN6XOAmqzrf8ao1r%2Bof2ImhHFnGKVOsGMUeiXnPUF1fD%2Bna2CQdWzn8mffR%2FCLTKoQTq%2BWOVBzFk0zClQjYxhH4JxCOF2L9%2BqymfcI7gm7%2FqGjjAPnuw%3D%3D","locale":"en-US","buyingOptionType":"USED","aapiBuyingOptionIndex":1}]}

Purchase options and add-ons

We've come a long way since the days of flashing banner ads and scrolling news tickers. Today, the stunning motion design of iOS and Android dramatically improves a user's experience - instead of detracting from it. The best sites and apps of today leverage animation to improve the feel and intuitiveness of their interfaces. Sites without animation are starting to feel antiquated.This book provides you with a technical foundation to implement animation in a way that's both visually stunning and programmatically maintainable. Throughout, we consider the balance between enriching a page with motion design while avoiding unnecessary flourishes
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."

Editorial Reviews

Review

"...there is so much wisdom in here that even the most experienced developer will learn something new." - Anand Sharma (Creator, AprilZero.com) "Anyone who builds interfaces would benefit from reading this, even if you're not into JavaScript." - Andrey Petrov (Creator, Python's urllib3)"How engineering animations in 2015 should be taught." - Joey Primiani (Founder, Backplane)

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.


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)
  • Customer Reviews:
    4.4 out of 5 stars (68)

About the author

Follow authors for new release and deal updates, plus improved recommendations. See updates from all followed authors in Your Books.
J. Shapiro
Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.

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.

Sponsored

Customer reviews

4.4 out of 5 stars
68 global ratings
Sponsored

Customers say

Customers find the book's content valuable, with one noting how each section explores important techniques. They appreciate its concise and clear presentation, and one customer highlights how it strikes a balance between subtle and intentional animations. The book receives mixed feedback regarding motion design theory, though customers consider it worth the money, with one mentioning that the animation workflow alone justifies the purchase.
AI Generated from the text of customer reviews

Select to learn more

26 customers mention content, 22 positive, 4 negative
Customers appreciate the book's content, which is filled with valuable insights and practical information, with one customer noting that even experienced developers can learn new things from it.
Solid read. Practical information. Worth the money.Read more
First 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....Read more
With good examples, best practices. I wish the SVG section had more, definitely the most interesting part to me....Read more
Great: clear and concise, yet filled with valuable insights.Read more
6 customers mention animation content, 5 positive, 1 negative
Customers appreciate the animation content in the book, with reviews noting that the animations feel organic and intentional, strike a balance between subtlety and impact, and offer a fresh perspective on web animation.
...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....Read more
...on how to get started using the author's javascript animation library is incredibly in depth....Read more
...Chapter 8: A nice animation demo that ties together the knowledge from the previous chaptersRead more
...friction, and other real-world variables, these animations feel organic and intentional....Read more
5 customers mention concise, 5 positive, 0 negative
Customers find the book concise and clear, with one mentioning it is easy to follow.
...The book provides a concise and snappy state of affairs on web animation and was well worth reading.Read more
...factor - clear, concise, easy to follow with excellent modern examples. How engineering animations with JS in 2015 should be taught.Read more
...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 gon...Read more
Great: clear and concise, yet filled with valuable insights.Read more
5 customers mention value for money, 4 positive, 1 negative
Customers find the book worth the money, with one mentioning that the animation workflow alone justifies the purchase.
Solid read. Practical information. Worth the money.Read more
Great kindle buy. Excellent for the developer who would like to spice up the UI....Read more
...Animation workflow alone is worth buying this book for, and is worth dealing with the fact that this book primarily focuses on Velocity...Read more
...just got it. this book is too expensive for what it is - it shouldnt be more than $15....Read more
5 customers mention motion design, 3 positive, 2 negative
Customers have mixed opinions about the book's motion design content, with some appreciating the theory while others find the focus on Velocity.js too narrow.
...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....Read more
Poorly written, very disappointed with this book, i focuses a lot in velocity.js, i was expecting more varietyRead more
I enjoyed reading this book. The author has an original outlook on motion design and delivers the content with style....Read more
...for, and is worth dealing with the fact that this book primarily focuses on Velocity (not a big deal)....Read 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, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    It'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 helpful
    Sending feedback...
    Thank you for your feedback.
    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 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, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    I 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 helpful
    Sending feedback...
    Thank you for your feedback.
    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 5 out of 5 stars
    Skeptical about JavaScript-based animation? Read this book.
    Reviewed in the United States on June 24, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    As 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...
    Thank you for your feedback.
    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 4 out of 5 stars
    Great book, but should've had "(with Velocity)" in the title.
    Reviewed in the United States on April 23, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    This 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 helpful
    Sending feedback...
    Thank you for your feedback.
    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 5 out of 5 stars
    Exactly what I needed
    Reviewed in the United States on March 16, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    I'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 helpful
    Sending feedback...
    Thank you for your feedback.
    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 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, 2016
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    First 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...
    Thank you for your feedback.
    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 5 out of 5 stars
    Great for developers of all skill levels
    Reviewed in the United States on April 11, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    JavaScript 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...
    Thank you for your feedback.
    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 5 out of 5 stars
    Great read. Here's a chapter breakdown.
    Reviewed in the United States on May 9, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    - 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 helpful
    Sending feedback...
    Thank you for your feedback.
    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

Top reviews from other countries

  • 5 out of 5 stars
    A solid title, Great read
    Reviewed in Canada on March 18, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    A 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.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 5 out of 5 stars
    Clear, concise
    Reviewed in Italy on July 6, 2015
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    This 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.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 4 out of 5 stars
    Decent book
    Reviewed in the United Kingdom on January 14, 2016
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    Decent 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.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.

  • 4 out of 5 stars
    Four Stars
    Reviewed in Canada on March 27, 2017
    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    Essential if you are developing with Velocity.

    Sending feedback...
    Thanks, we'll investigate in the next few days.

    We'll check if this review meets our community guidelinesOpens in a new tab. If it doesn't, we'll remove it.