HTML5 Server-Sent Events | SSE One Way Messaging | SSE Notifications | SSE Support | SSE Object

Server-Sent Events - One Way Messaging A server-sent event is when a web page automatically gets updates from a server. This was also possible before, but the web page would have to ask if any updates were available. With server-sent events, the updates come automatically. Examples: Facebook/Twitter updates, stock price updates, news feeds, sport results, etc. Browser Support Server-Sent Events are supported in all major...

[Read More...]

HTML5 Web Workers | What is a Web Worker? | Check Web Worker Support | Create a Web Worker File | Create a Web Worker Object | Terminate a Web Worker |

HTML5 Web Workers A web worker is a JavaScript running in the background, without affecting the performance of the page. What is a Web Worker? When executing scripts in an HTML page, the page becomes unresponsive until the script is finished. A web worker is a JavaScript that runs in the background, independently of other scripts, without affecting the performance of the page. You can continue to do whatever you want: clicking,...

[Read More...]

HTML5 Application Cache | What is Application Cache? | HTML5 Cache Manifest Example | Cache Manifest Basics | The Manifest File | Updating the Cache

HTML5 Application Cache With HTML5 it is easy to make an offline version of a web application, by creating a cache manifest file. What is Application Cache? HTML5 introduces application cache, which means that a web application is cached, and accessible without an internet connection. Application cache gives an application three advantages: Offline browsing - users can use the application when they're offline  Speed...

[Read More...]

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...]