title: Javascript DOM vs. Canvas for Mobile Game Development
body: <p>I am planning to make a mobile game using the Phonegap framework. My current idea is to have a ball and be able to move the ball using the accelerometer on the phone. I also plan to have other objects in the game (eg: enemy's, walls, etc). </p>
  
  <p><strong>Methods:</strong></p>
  
  <ol>
  <li><strong>HTML5</strong> - I have done some research and have seen html5 canvas being used a
  lot for these kinds of games.  </li>
  <li><strong>jQuery</strong> - I have also looked into jQuery and have seen some really nice
  example of games written in jQuery.</li>
  </ol>
  
  <p>I have no experience with html5 and was looking into the canvas tag. From what I understand, (correct me if I'm wrong) the canvas tag needs to be cleared in order to move an image or shape. While jQuery can alter the CSS for an image and be able to move it using CSS. </p>
  
  <p>After playing around with a sample jQuery game with similar characteristics, I noticed that the game tends to lag every once in a while. I would prefer a method that does not lag the game.</p>
  
  <p>What approach should I take to make a game with the characteristics mentioned above? If you know of another method that would work with the Phonegap framework, please let me know.</p>