HTML5 Web Storage - What is HTML5 Web Storage? - localStorage and sessionStorage - localStorage Object - sessionStorage Object

HTML5 web storage, a better local storage than cookies. What is HTML5 Web Storage? With HTML5, web pages can store data locally within the user's browser. Earlier, this was done with cookies. However, Web Storage is more secure and faster. The data is not included with every server request, but used ONLY when asked for. It is also possible to store large amounts of data, without affecting the website's performance. The...

[Read More...]

HTML5 Geolocation - Locate the User's Position - Handling Errors and Rejections

Locate the User's Position The HTML5 Geolocation API is used to get the geographical position of a user. Since this can compromise user privacy, the position is not available unless the user approves it. Browser Support Internet Explorer 9, Firefox, Chrome, Safari and Opera support Geolocation. Note: Geolocation is much more accurate for devices with GPS, like iPhone HTML5 - Using Geolocation Use the getCurrentPosition()...

[Read More...]

HTML5 Canvas vs. SVG - SVG - Canvas - Comparison of Canvas and SVG

Both canvas and SVG allow you to create graphics inside the browser, but they are fundamentally different. SVG SVG is a language for describing 2D graphics in XML. SVG is XML based, which means that every element is available within the SVG DOM. You can attach JavaScript event handlers for an element. In SVG, each drawn shape is remembered as an object. If attributes of an SVG object are changed, the browser can automatically...

[Read More...]

HTML5 Inline SVG - What is SVG? - SVG Advantag - Browser Supportes - Embed SVG Directly Into HTML Pages - Example - SVG Elements

What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines the graphics in XML format SVG graphics do NOT lose any quality if they are zoomed or resized Every element and every attribute in SVG files can be animated SVG is a W3C recommendation SVG Advantages Advantages of using SVG over other image formats (like JPEG and GIF) are: SVG images can be created...

[Read More...]

HTML5 Canvas - What is Canvas?

The <canvas> element is used to draw graphics, on the fly, on a web page. What is Canvas? The HTML5 <canvas> element is used to draw graphics, on the fly, via scripting (usually JavaScript). The <canvas> element is only a container for graphics, you must use a script to actually draw the graphics. A canvas is a drawable region defined in HTML code with height and width attributes. Canvas has several methods...

[Read More...]