HTML5 Tutorials

HTML5 - Introduction

2013-02-17
Comments
Emiley J
265

If you haven't heard about HTML5 already then you are probably not a developer :). If you have heard about it but still wondering what the heck is this HTML5 about then this tutorial will give you a good introduction. HTML has always been neglected for more than 10 years. The last version HTML 4.x was standardized in year 1999. And after that no one really cared about HTML mainly because, CSS and JavaScripts were used to beautify and handle logics on the client side.
Read More

HTML5 Video - Handling video in HTML5

2013-02-17
Comments
Emiley J
265

Video files are of many types. You would have heard of AVI files and MPEG4 files which are really a container to store video files. I say container because they are equivalent to a zip file which consists of many files of different types. A video file also contains the actual video, the audio and some meta data about the video and saves it in a single file.
Read More

HTML5 Canvas - Using Canvas in HTML5

2013-02-17
Comments
Emiley J
265

HTML5 introduces the new <Canvas> tag that lets you draw paths, boxes, circles, characters, and adding images onto a webpage. In fact you can use Canvas to draw graphics on the fly on a webpage. The Canvas tag works hand-in-hand with JavaScript to do the actual drawing. Here's a simple code that shows how you do this.
Read More

HTML5 Location - getCurrentPosition() in HTML5

2013-02-17
Comments
Emiley J
265

You can create cool location based services using HTML5. Prior to HTML5 you would need a native application to do that. Imagine you want to create a navigation application that shows the current location of the user on a map (on the phone or on the web) and the dot moves as the user moves and you want to add other cool features such as showing restaurants nearby or showing routes from point a to b etc, you would need to develop a native application on the mobile phones to do this. HTML5 changes all that and you can do it all using simple JavaScript commands in the browser (on the phone or on the web).
Read More