You are previewing Supercharged JavaScript Graphics.

Supercharged JavaScript Graphics

Cover of Supercharged JavaScript Graphics by Raffaele Cecco Published by O'Reilly Media, Inc.
  1. Supercharged JavaScript Graphics
    1. SPECIAL OFFER: Upgrade this ebook with O’Reilly
    2. Preface
      1. Audience and Assumptions
      2. Organization
      3. Conventions Used in This Book
      4. Using Code Examples
      5. Safari® Books Online
      6. How to Contact Us
      7. Acknowledgments
    3. 1. Code Reuse and Optimization
      1. Keeping It Fast
      2. What and When to Optimize
      3. Homespun Code Profiling
      4. Optimizing JavaScript
      5. Optimizing jQuery and DOM Interaction
      6. Other Resources
    4. 2. DHTML Essentials
      1. Creating DHTML Sprites
      2. Converting into a jQuery Plug-in
      3. Timers, Speed, and Frame Rate
      4. Internet Explorer 6 Background Image Caching
    5. 3. Scrolling
      1. CSS-Only Scrolling Effects
      2. Scrolling with JavaScript
    6. 4. Advanced UI
      1. HTML5 Forms
      2. Using JavaScript UI Libraries
      3. Creating UI Elements from Scratch
    7. 5. Introduction to JavaScript Games
      1. Game Objects Overview
      2. The Game Code
    8. 6. HTML5 Canvas
      1. Canvas Support
      2. Bitmaps, Vectors, or Both?
      3. Canvas Limitations
      4. Canvas Versus SVG
      5. Canvas Versus Adobe Flash
      6. Canvas Exporters
      7. Canvas Drawing Basics
      8. Animating with Canvas
      9. Canvas and Recursive Drawing
      10. Replacing DHTML Sprites with Canvas Sprites
      11. A Graphical Chat Application with Canvas and WebSockets
    9. 7. Vectors for Games and Simulations
      1. Operations on Vectors
      2. Creating a JavaScript Vector Object
      3. A Cannon Simulation Using Vectors
      4. Rocket Simulation
    10. 8. Google Visualizations
      1. Limitations
      2. Chart Glossary
      3. Image Charts
      4. Interactive Charts
    11. 9. Reaching the Small Screen with jQuery Mobile
      1. jQuery Mobile
      2. TilePic: A Mobile-Friendly Web Application
      3. PhoneGap
    12. 10. Creating Android Apps with PhoneGap
      1. Installing PhoneGap
      2. Creating a PhoneGap Project in Eclipse
    13. Index
    14. About the Author
    15. Colophon
    16. SPECIAL OFFER: Upgrade this ebook with O’Reilly

Chapter 9. Reaching the Small Screen with jQuery Mobile

Web-enabled mobile devices have opened up a plethora of development options for programmers and designers. With so many mobile platforms available, covering all bases and developing native applications for each mobile operating system is not practical. A nonexhaustive list of mobile operating systems includes:

  • iOS

  • Symbian

  • Android

  • BlackBerry OS

  • Windows Mobile

  • webOS

Each of these operating systems has its own development environment and programming languages. For example, Apple’s iOS uses the Cocoa development environment and the Objective-C programming language, whereas Android is built on Linux with development in Java. Unfortunately, the smallness of the devices belies the complexity of the underlying software. Even if we ignore the prospect of having to learn another programming language, we’re still faced with large and complex operating systems that provide a significant learning curve in and of themselves.

To eke out the best performance from mobile devices and to make best use of their hardware facilities, we’d ideally develop using the native operating systems and programming languages of the platform. However, where absolute performance is not crucial, development time is limited, and multiplatform support is desired, there is an alternative. Using your usual web development tools—JavaScript, HTML, and CSS—you can develop applications that offer much of the look and feel of native software, but without the overhead and learning ...

The best content for your career. Discover unlimited learning on demand for around $1/day.