Smashing Mobile Web Development

Summary

In this chapter, you first learned how to set up testing environments, both on native devices and with device emulators. You then learned how to set up debugging tools, by taking advantage of native tools as well as Weinre for remote debugging. Furthermore, you learned how to gracefully switch between touch and mouse events to make desktop debugging easier.

Next, you learned about mobile performance optimization. You learned how to reduce bandwidth needs by using CSS instead of images, properly optimizing files, and serving a separate mobile site. You learned how to optimize JavaScript—triggering hardware acceleration in choppy animations, caching overused DOM references, and testing different approaches. Finally, you learned how to optimize CSS—using CSS animations instead of JavaScript, reducing browser reflows, and avoiding overly expensive properties.