O'Reilly logo

PhoneGap and AngularJS for Cross-platform Development by Eugene Liang Yuxian

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 5. Sprucing Up the App Using Animations and Mobile Design

Welcome to this chapter! In this chapter, we will spruce up our app using animation and styles that mimic the mobile user interface. This will be a short yet useful chapter. As usual, the code shown in this chapter can be applied across iOS and Android apps.

In this chapter, we'll learn about:

  • Performing animations using ngAnimate
  • Pitfalls to avoid when performing animations in PhoneGap

Adding animations to your web app

Adding animations is surprisingly easy using AngularJS. The ngAnimate module of AngularJS will take users there with CSS animations.

We'll start by adding animation to our web app before porting it over to PhoneGap. To do this, head back to your web-based version of the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required