HTML5 and Mobile World: What’s New?

QArea Team by QArea Team on March 14, 2012

HTML5 and Mobile World: What’s New?
Reading Time: 2 minutes

We have already written some articles about HTML5, but this stuff is coming and we have what to say. Perhaps, you know HTML5 is a feature for creation different modern web-applications with the help of HTML, CSS and JavaScript only. So follow us in this topic and maybe you will get something new about HTML5.

The developers realize creating web-applications today is a hard work. There are many browsers and different versions of them in the world. It means you should check your web-app with every of them to being sure about compatibility. In addition, if you want users to run your program on certain mobile gadget you should check their compatibility too.

The users of smartphones, who sometimes visit websites developed without thoughts about compatibility with mobile devices, feel uncomfortable. Who knows, perhaps the programmer has forgotten about a small part of code that sets the initial viewport for gadgets.

<meta name="viewport" content = "width=device-width”>

If you want to turn off zooming you should write this one:

<meta name="viewport" content = "width=device-width, user-scalable=no">

HTML5 can boast about the ability to view websites without internet connection. Of course, you have to visit these sites before for caching them by HTML5, so don’t forget to set HTML5 caching. Just add a special manifest file like the example below. You can be sure all files will be available offline.

… CACHE MANIFEST /mystyle.css /scripts.js /logo.jpg

In addition, you should remind your web-server not to cache the manifest file. The next important thing is that you must be sure about how the browser manages the process of downloading, the browser will re-download single file if the manifest has changed. You won’t see the message about error, so use JavaScript to detect the errors. Finally, the main idea is to change the manifest file when new content is added.