Author: admin
-
HTML5 Server-Sent Events
What is Server-Sent Event? HTML5 server-sent event is a new way for the web pages to communicating with the web server. It is also possible with the XMLHttpRequest object that lets your JavaScript code make a request to the web server, but it’s a one-for-one exchange — that means once the web server provides its…
-
HTML5 Web Workers
What is Web Worker? If you try to do intensive task with JavaScript that is time-consuming and require hefty calculations browser will freeze up the web page and prevent the user from doing anything until the job is completed. It happens because JavaScript code always runs in the foreground. HTML5 introduces a new technology called web…
-
HTML5 Application Cache
What is Application Cache? Typically most web-based applications will work only if you’re online. But HTML5 introduces an application cache mechanism that allows the browser to automatically save the HTML file and all the other resources that needs to display it properly on the local machine, so that the browser can still access the web…
-
HTML5 Web Storage
What is Web Storage? The HTML5’s web storage feature lets you store some information locally on the user’s computer, similar to cookies, but it is faster and much better than cookies. However, web storage is no more secure than cookies. Please check out the tutorial on PHP cookies to learn more about cookies. The information stored in…
-
HTML5 Video
Embedding Video in HTML Document Inserting video onto a web page was not relatively easy, because web browsers did not have a uniform standard for defining embedded media files like video. In this chapter we’ll demonstrates some of the many ways of adding videos on web pages, from the latest HTML5 <video> element to the popular YouTube…
-
HTML5 Audio
Embedding Audio in HTML Document Inserting audio onto a web page was not easy before, because web browsers did not have a uniform standard for defining embedded media files like audio. In this chapter we’ll demonstrates some of the many ways to embed sound in your webpage, from the use of a simple link to…
-
HTML5 SVG
What is SVG? The Scalable Vector Graphics (SVG) is an XML-based image format that is used to define two-dimensional vector based graphics for the web. Unlike raster image (e.g. .jpg, .gif, .png, etc.), a vector image can be scaled up or down to any extent without losing the image quality. An SVG image is drawn out using a…
-
HTML5 Canvas
What is Canvas? The HTML5 canvas element can be used to draw graphics on the webpage via JavaScript. The canvas was originally introduced by Apple for the Mac OS dashboard widgets and to power graphics in the Safari web browser. Later it was adopted by the Firefox, Google Chrome and Opera. Now the canvas is…
-
HTML5 New Input Types
New Input Types in HTML5 HTML5 introduces several new <input> types like email, date, time, color, range, and so on. to improve the user experience and to make the forms more interactive. However, if a browser failed to recognize these new input types, it will treat them like a normal text box. In this section we’re going…
-
HTML Head
The HTML head Element The <head> element primarily is the container for all the head elements, which provide extra information about the document (metadata), or reference to other resources that are required for the document to display or behave correctly in a web browser. The head elements collectively describes the properties of the document such as title,…