title: Multiplatform HTML5 games DOM+CSS vs CANVAS vs both
body: <p>I've built a few HTML5 games within the past few months and have been using the <a href="http://www.createjs.com/" rel="noreferrer">createJS</a> suite and rendering everything to canvas.</p>
  
  <p>The reasons behind my choice of canvas is that it seemed easier to get it working cross platform as I could just scale the canvas to fit the screen and everything was perfect. well, on most devices! Performance is an issue on older android and ios devices, but not horrendous.</p>
  
  <p>My next HTML5 is a biggie, previous games were only simple point and click, quiz styled game with little animation and very few menus. This one is a bigger dinner with a lot more menus, interactive objects, but again only simple animations. But it involves a pan-able (is that a word) environment.</p>
  
  <p>I've been more inclined to use the DOM and CSS for HUD items and menus for this, which would be overlaid on top of a canvas, running the main pan-able environment.</p>
  
  <p>I understand this may take more time to get working on multiple screen resolutions using multiple CSS media queries, and even different layouts for smaller resolutions, (like hiding certain labels from the HUD or whatever)</p>
  
  <p>I'm looking for a comparison of the technologies for mainly performance but also to find out which methods are 'best practice'.</p>
  
  <hr>
  
  <p>It would also be nice to see some examples of multi-platform games using these different methods (or even others that I am not aware of) to see how they go about it and to test performance. :)</p>