HTML5 Tutorial

Wednesday, June 19, 2013

Sign-In | Sign-Up | Contact Us | Bookmark |

Overview

HTML5 History HTML5 History HTML5 goes back to 1993 when it was first published as internet draft. It evolved through such important milestones as 2.0, 3.2, 4.0 and 5.0...	HTML5 Design HTML5 design principles The main objective of HTML5 is not degrading any of the existing content on the internet. There is over 20 years of HTML data on the internet and HTML5 will be able to handle all...
HTML5 plug-ins New features in HTML 5 HTML5 DOCTYPE and Character Set HTML5 new elements HTML5 Sectioning content type HTML5 Selectors API Welcome to www.html5videotutorial.com Top HTML5 Features

Canvas

HTML5 Canvas

Using HTML5 Canvas
HTML5 canvas element creates rectangular area on your HTML5 webpage. It is defaulted at 350 by 150 pixels which can be reset to your own specifications. ...

HTML5 Axis

HTML5 Canvas Coordinates
The HTML5 canvas has X-Axis and Y-Axis and is two dimensional. It has starting point in the upper-left corner which acts as origin for any element....

Video

HTML5 Video HTML5 Baseline Codec Media Element HTML5 baseline codec is a video and audio formats supported by all browsers. As a result, we can rely on this media element for our development....	HTML5 Video HTML5 Video Browser Support There are several major browsers that provide support for HTML5 video codec formats. However, this support is not universal and similar across all browsers....
HTML5 Video Tag HTML5 Video Sample Code Custom HTML5 Video Controller Opening HTML5 Video in Full Screen Mode HTML5 Video Conferencing

Audio

HTML5 Audio HTML5 Audio Browser Support HTML5 is capable of playing audio files via browsers. However, there is no universal support amongst software companies behind each browser type. ...	Audio Tag HTML5 Audio Tag HTML5 relies on new set of elements in order to embed reach content such as video and audio. The elements also tags are somewhat similar....

Forms

HTML5 Forms HTML5 Forms Browser Support HTML5 forms allow creation of highly interactive web pages. Moreover, HTML5 provide for faster and efficient form data processing making it user friendly and code independent....	Form Tag HTML5 Form Input Types HTML5 forms have new set of input types in addition to well known and widely used input types such as text, checkbox, textarea and radiobutton....
HTML5 Email Input Type Tag HTML5 Custom Tags Adding Placeholder Text in HTML5 Input Fields HTML5 Date and Time Picker Control HTML5 Drag and Drop Key Concepts HTML5 Drag and Drop Events HTML5 dataTransfer object Adding HTML5 Spellcheck to the HTML5 Form

Web Storage

HTML5 Web Storage Browser Support HTML5 web storage has been adopted by major browsers in the past year due to its usefulness. In fact, HTML5 web storage is one API that you can use without warring about lack of support....	HTML5 Web Storage API HTML5 web storage is modeled after cookie concept in prior versions of HTML. Cookie is designed to pass data between server and user computer....

Geolocation

HTML5 Geolocation Browser Support HTML5 geolocation allows your web application determine where you are located. It is an important concept since your browser can easily localize your search....	HTML5 Geolocation API HTML5 geolocation API relies on several ways to make your browser location aware. First of all it relies on web user IP address....
Using HTML5 Geolocation API Navigator Object Using HTML5 Geolocation API Position Object HTML5 Geolocation Sample Code

WebSocket

HTML5 WebSocket API Overview The HTML5 WebSocket was first introduced by Ian Hickson in the HTML5 specification document. The HTML5 WebSocket establishes connection between a client and a server via WebSocket protocol....	The HTML5 WebSocket Object The HTML5 WebSocket is bi-directional communication protocol which allows communication over a single socket. It is exposed via JavaScript Interface and only works with the HTML5 compliant browsers....

JavaScript

HTML5 JavaScript boilerplate file HTML5 is designed in mind to work with JavaScript natively. It is probably the most optimized version of HTML in existence at this point....	HTML5 event handlers JavaScript is powerful addition to HTML5. It is better understood if we look at JavaScript events and ways it handles events being fired as part of HTML5 web page. ...

Examples

HTML5 Canvas Browser Support HTML5 canvas API is supported by major browsers these days. Microsoft announced that IE 9 will support canvas as well. ...	HTML5 Boilerplate Code It is always a requirement to start with the boilerplate code when developing in any programming language. HTML5 is not exception to this rule. ...