" Live as if you were to die tomorrow. Learn as if you were to live forever.. "
- Mahatma Gandhi

How to Use Html5 Tags in Older IE Browsers

Posted on November 24th, 2015 by Neha Bajoria

HTML 5 may be the latest and greatest technology, but some older browsers of IE does not support most of HTML 5 tag. So found a way by which we can solve tag problem. It will be helpful if one wants to stick with HTML 5 tags. Most HTML 5 tags like header, footer etc […]

HTML5 Offline Web Applications

Posted on November 23rd, 2015 by Amit Ghosh

The application cache is controlled by a plain text file called a manifest, which contains a list of resources to be stored for using when there is no network connection. The list can also define the conditions for caching, such as which pages should never be cached and even what to show the user when […]

Mouse Coordinates in Canvas HTML5

Posted on November 23rd, 2015 by Swarup Sahu

While working with HTML5 canvas elements, must of time we need to find out the mouse coordinates in canvas on mouse click or mouse move. So we can get the coordinates in two ways described below: 1. canvas.onmousemove = function(e) { var posY = (e.pageY – canvas.offsetTop); var posX = (e.pageX – canvas.offsetLeft); }  Here […]

How to use local storage feature in PhoneGap application

Posted on November 23rd, 2015 by Sourabha Sahoo

If you want to store a small amount of data locally in the mobile device then local storage feature is a good solution. It acts same as the cookies in web application and  stores the data as key value pair. The data will persists even after we close the application. It will be removed only […]

Checking Network Connectivity Status using HTML5 and JavaScript.

Posted on November 23rd, 2015 by Sourabha Sahoo

It would be nice if you can check for connectivity status( online/offline ) of the user. So you can check if the user is online/offline by  polling the  navigator.onLine property. Example: (function () { setInterval(function () { var NetworkStatus = document.getElementById(“status”), isOnline = navigator.onLine; if (isOnline) { NetworkStatus.innerHTML = “Online”; NetworkStatus.className = “online”; } else […]

Preloading images for better user experience

Posted on November 23rd, 2015 by Sourabha Sahoo

Introduction: While working in some applications I found that the images that are in local folder also taking time to load while opening the app for the 1st time. That  means if you are setting an image as background for a div, then while opening the page for the 1st time you will find that […]

SessionStorage v/s Cookies

Posted on November 23rd, 2015 by Vijay Goyal

SessionStorage is an alternative to session cookies, but more powerful. The data recorded in the storage are available in all web pages from the same site and to the same user during the session. However, the real advantage is that when using Session Storage it is possible to carry out multiple transactions in different windows […]

Showing Web Notification in Chrome browser using HTML5 and JavaScript.

Posted on November 23rd, 2015 by Sourabha Sahoo

You can show notification in your webpage simply using HTML5 and javascript. First you need to check browser compatibility for notification feature like this if (window.webkitNotifications) { alert(‘your browser supports notification.’); } else { alert(‘your browser does not support notification.’); } Then you can show the notification by using the following code function notification () […]

Find out if you browser supports HTML5 or not

Posted on November 23rd, 2015 by Manoranjan Mohapatra

HTML5 is the future of the web so one can start implementing it from now onwards as some of the browsers are compatible with it(not completely). However, while implementing you should take care of those browsers also which are not compatible with HTML5. The are several ways to detect whether your browser supports HTML5 element […]

Speeding Up Data Entry using ‘Autofocus’ with HTML5

Posted on November 23rd, 2015 by Subhabrata Bhattacharjee

The data entry can easily be made fast if we can put the user’s cursor in the first field on the form. HTML5 has a awesome and very brief solution of this issue. We can use autofocus attribute to any form field as shown below – <input type = “text” name = “first_name” autofocus id […]

How to play multiple videos in a loop using HTML5 and JavaScript

Posted on November 23rd, 2015 by Sourabha Sahoo

You can play multiple videos one after another in a loop using HTML5 and javascript. Using “ended” event you can detect when a HTML5 <video> element has finished playing. Steps: Place the HTML5 video tag inside the body.You can also add “autoplay” attributes to start playing automatically. <video controls id=”myVideo” > </video> Then you can […]