Awesome Tips for HTML5 Games Development

Tips For HTML5 Developers

 

Consider your audience. Look at the demographic and what devices they’re using. If you have web metrics, use them to determine the core range of devices your visitors are using and target your solution at those devices.
Design your game with your technology in mind. Yes, this should always be the case, but the limitations and fragmentation in HTML5 make it even more pertinent. WebGL will let you make a great 3D first person shooter, but its unlikely to (read: not going to) work on tablet if that’s going to be one of your target platforms.
Become familiar with caniuse.com. It’s a great way to quickly check the support for any HTML5 feature that you would like to use across practically every browser or device.
Get your hands on as many devices as possible, running as many different OS versions as you can. Simulators will help during development, but to get an accurate picture of how your code is performing you have to be running on device. There are some great community-led device testing labs like Open Device Lab that will give you access to a huge range of devices. Otherwise scour places like eBay to find old handsets and add them to your test lab.
Keep abreast of the ever-changing landscape. The HTML5 specification is constantly shifting, as is device support, so you need to keep on top of these developments as they happen. This is especially relevant to areas like sound, where features like the WebAudio API can radically change the capabilities.
Stay agile throughout development. What works today, may not work tomorrow. What isn’t available to you today, may be tomorrow. Allow yourself the flexibility to adapt to these changes as they happen throughout your build.
Think about ways to scale your functionality. A mobile first approach isn’t just for traditional web design. Look at ways that you can create a good experience on mobile and then layer on functionality and effects for other platforms as they permit. Target those devices using user agents or media queries and deliver a tailored experience relative to each.
KISS (Keep It Simple, Stupid). By all means test the limits and try to push the capabilities, but remember that you’re working with a technology that’s in its infancy, and an overcomplicated or overambitious project is only going to cause you pain down the line.
Consider the lifespan of your content. Capabilities are changing all the time, and your content can become dated very quickly as new features are enabled on devices. If your game is going to be live for a reasonable length of time, allow yourself time to go back and both bug fix and update it.
One last one? Oh yeah. Test on every device you can, as often as you can.

http://www.netmagazine.com/features/10-tips-html5-games-development