Read Online Web Animation using JavaScript Develop Design Develop and Design Julian Shapiro 9780134096667 Books
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.
Read Online Web Animation using JavaScript Develop Design Develop and Design Julian Shapiro 9780134096667 Books
"The title of this book is a little misleading. It should be more like "Best practices for web animation" or "Using VelocityJS for Beginners". I'm sure the author worked very hard on this book but it did not have the depth of information I was looking for. The author uses a tool called VelocityJS for his examples and the majority of them can be found on the web site."
Product details
|
Tags : Web Animation using JavaScript Develop Design (Develop and Design) [Julian Shapiro] on . <div>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.</div><div><div></div></div><div></div><div></div><div>This book provides you with a technical foundation to implement animation in a way that's both visually stunning and programmatically maintainable. Throughout,Julian Shapiro,Web Animation using JavaScript Develop Design (Develop and Design),Peachpit Press,0134096665,Programming Languages - JavaScript,Computer animation,Computer animation.,JavaScript (Computer program language),Web site development,Web site development.,Web sites - Design,Web sites;Design.,COMPUTERS / User Interfaces,COMPUTERS / Web / Design,Computer - Internet,Computer Books Web Programming,Computers,Computers / Programming Languages / JavaScript,Computers/Interactive Multimedia,Computers/Programming Languages - JavaScript,Computers/User Interfaces,Digital animation,Interactive Multimedia,JavaScript libraries; Web; Animation; Motion graphics; User experience; Performance testing; SVG; Velocity.js,User Interface,User Interfaces,Web - Design
Web Animation using JavaScript Develop Design Develop and Design Julian Shapiro 9780134096667 Books Reviews :
Web Animation using JavaScript Develop Design Develop and Design Julian Shapiro 9780134096667 Books Reviews
- Great book.
Since no one else has bothered to do a chapter breakdown, here’s my stab at one
- 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 - 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. - In short, I'm impressed. The rest of the reviews were glowing, but I was a bit skeptical. It turned out to be one of the best technical reads I've ever purchased. It's deliberate without muddled information.
- I'm an intermediate developer that loves to animate and tired of running into bottlenecks. This book gives a fantastic introduction to Velocity w a comparison to the non velocity techniques and why those have been causing the bottlenecks.
- Good balance between code and design aesthetic, and straight to the point. I've only used basic CSS transforms before, and the author's Velocity.js library made it easy to freshen up my animation skills. Using easing, friction, and other real-world variables, these animations feel organic and intentional. Many takeaways throughout that you can quickly integrate into your own workflow. A fun book!
- I enjoyed reading this book. The author has an original outlook on motion design and delivers the content with style. The book provides a concise and snappy state of affairs on web animation and was well worth reading.
- This book is a must-read for any web developer. Animations & great motion are one of the hardest things to get right, but also one of the most important. While I don't agree with all of Julian's points—I think CSS is actually more elegant than Javascript in many situations—there is so much wisdom in here that even the most experienced developer will learn something new.
- The title of this book is a little misleading. It should be more like "Best practices for web animation" or "Using VelocityJS for Beginners". I'm sure the author worked very hard on this book but it did not have the depth of information I was looking for. The author uses a tool called VelocityJS for his examples and the majority of them can be found on the web site.