In this chapter, we're going to take a quick look at CSS3 3D transformations and introduce some more HTML5 APIs that are specific to mobile devices. With the knowledge gained from the previous chapters, we'll develop four small apps that will make use of the things that we've already learned:
Basics of CSS3 transformations: We'll learn basics about axes, movement, and rotation in the 3D space and how can we use them to transform HTML elements using CSS3.
3D bookshelf rotated using HTML5 DeviceOrientation events: After we learn how to perform basic operations in 3D with CSS3, we can make a slightly more complicated app with nested 3D objects and textures. In order to make it more interactive, we'll listen to
DeviceOrientationevents and rotate the entire scene in 3D as you rotate your device.Track position and distance using HTML5's GeoLocation API with the Google Maps API: We'll see how to use the Google Maps JavaScript API to track and draw...