HTML5 Tutorials

1. user-scalable=no in the meta tag in html

By: Gren : 2023-04-03

Description: This attribute controls whether or not a user is allowed to zoom in and out of a web page using pinch-to-zoom or other similar gestures on mobile devices

2. HTML5 - Introduction

By: Emiley J : 2013-02-17

Description: 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.

3. HTML5 Video - Handling video in HTML5

By: Emiley J : 2013-02-17

Description: 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.

4. HTML5 Canvas - Using Canvas in HTML5

By: Emiley J : 2013-02-17

Description: 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.

5. HTML5 Location - getCurrentPosition() in HTML5

By: Emiley J : 2013-02-17

Description: 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).

6. Document, Link, Image, Anchor objects in HTML

By: aathishankaran : 2007-03-29

Description: The window object is the highest-level object for built-in JavaScript objects; in this role, it serves as a container, but it does not have any content that is associated with it, per se. It leaves the content of a Web document up to the document object. The document object serves as the JavaScript equivalent of an HTML document

7. Frame, Location and History objects in HTML

By: aathishankaran : 2007-03-29

Description: The frame, object is essentially the same element as a window object, and you can deal with it in a similar manner. If you are working with a single window, the window object is the top-level object. If you are working within a frameset, the top-level window is considered the parent window, whereas its child windows are considered frame objects.