html5 doctype

the html5 doctype is: When you use the new HTML5 DOCTYPE, it triggers browsers to render the page in standards compliant mode. Standards-compliant mode In standards-compliant mode, the web browser assumes the page has been authored to the web content specification declared; code that does not conform to the declared standard may not display, or may display incorrectly. For a web browser’s ...more

html5 – the valueAsNumber Function

The new valueAsNumber function is a handy way to convert the value of a control from text to number… and back! That is the case because the valueAsNumber is both a getter and a setter function. When called as a getter, the valueAsNumber function converts the text value of an input field into a number type upon which calculations are allowed. If the text value does not cleanly convert into a number type, then the NaN value (Not-a-Number) is returned. The valueAsNumber can also be used to set ...more

New Semantic Elements in Html5

HTML5 is not just about making existing markup shorter (although it does a fair amount of that). It also defines new semantic elements. <section> The section element represents a generic document or application section. A section, in this context, is a thematic grouping of content, typically with a heading. Examples of sections would be chapters, the tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site's h ...more

Find position on google map using html5 Geolocation for android and iPhone

In this article I am going to use html5 geolocation api to find your coordinates and by using these coordinates and Google map, you can find you location on the map. HTML5 GeoLocation: One Shot Position request: in this case we will use one shot position request because we only want the coordinates once. Before continue the original topic first I take look HTML5 Geolocation position ...more

HTML5 – A Plugin Free Paradigm

HTML5 provides native support for many features that used to be possible only with plugins or complex hacks (a native drawing API, native sockets, and so on). Plugins, of course, present problems: Plugins cannot always be installed. Plugins can be disabled or blocked (for example, the Apple iPad does not ship with a Flash plugin). Plugins are a separate attack vector. ...more

HTML5 API’s, checking for browser support

In this article i will discuss how to check the different HTML5 API's  that your browser supports or not. Canvas try {

document.createElement("canvas").getContext("2d");

document.getElementById("support").innerHTML ="HTML5 Canvas is supported in your browser."; ...more

HTML5 new form attributes

Like the new input types, it is generally safe to use these attributes today, whether or not your target browser supports them. This is because the attributes will be safely ignored by any browser on the market today if the browser does not understand them. The placeholder Attribute The placeholder attribute gives input controls an e ...more

HTML5 new input types

HTML5 includes the several new 'input types', these input types are used for better control and validation. This article covers the following input type one by one: email number color ...more

HTML5 Web Storage API

The Web Storage API is surprisingly simple to use. i will start by covering simple storage and retrieval of values and then move on to the differences between session and local storage. Setting and Retrieving Values For now, i will focus on the session storage capability as you learn to set and retrieve simple values in a page. Setting a value can ea ...more