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

 

 

 

 

 

 

 

 

Great Tips on Producing a Mobile -Friendly Website

Businesses need to realize that a mobile friendly website is a must to promote their products or services. The trend to mobile devices for consumer usage is high. Web developers need to be ready to update existing website to be mobile friendly. Mobdev has some very helpful tips for developers in this process.



1) Make sure mobile users are automatically redirected to the mobile version of your website.

2) Choose the foremost information to include: direct means of communication (e.g. phone numbers, click-to-call function, online booking); main information about services; locations on a map. Longer bios and other texts of secondary importance should be left solely for a desktop website. Include only the things your visitors are most likely to look for.

3) Remember that the user must access the needed pages as quickly as possible, with minimum actions. That's why the fewer pages stand between the user and the action he/she wants to accomplish, the better. To navigate through the website, the buttons should have enough space to prevent users from tapping the wrong button, or trying to hit a minuscule button to make it work.

4) While reducing the number of pages, avoid placing too much information per page. This will inevitably make navigation aggravating, which is by no means acceptable. Make sure that the design allows users to tap and swipe around your website easily. You should also avoid excessive number of images, avoid popups and Flash.

5) Avoid too much text input for users. Typing too much is not a very convenient option on a smartphone.

6) Essentially include the branding elements of your desktop site (e.g. logo, design style or colors) into the mobile website. It may seem a natural decision, but one must think how to do it in the best way to make the mobile site as recognizable as the desktop one.

7) Keep in sight a link to the desktop website. Many visitors may want to proceed there for the information that is left out in the mobile version.

8) Check how your website works on a number of mobile devices: smartphones and tablets running various platforms. Screen size is a crucial issue in any branch of mobile development.

http://www.pr.com/press-release/479670