Home » HTML5

HTML5

HTML5 XMLHttpRequest Example

As you probably already know, the XMLHttpRequest object is used for making asynchronous requests from the client to the server, with the technique known as AJAX. The XMLHttpRequest object is far from being new: it’s more than 10 years old. But, with HTML5, a “level 2” of this object was introduced, with some improvements. For this example, the following browsers ...

Read More »

HTML5 3D Canvas Tutorial

One of the most expected features of HTML5 was the introduction of the canvas element, allowing to draw graphics on it. This tutorial will show how to draw 3D figures on it, but starting from the very beginning, in order to understand what we are actually doing. As it is an HTML example, we won’t need any web server or ...

Read More »

HTML5 Progress Bar Example

There are several possibilities for which we may use a progress bar in a web page. The most typical ones are for showing the download or upload state of a file. HTML5 introduced a native element for this, the tag progress. So, we don’t need any jQuery plugin or custom-complicated HTML in combination with CSS for showing a progress bar; the ...

Read More »

HTML5 Web Workers Example

Web Workers are a welcome addition to the HTML. Since JavaScript is not a multiple threaded environment, it becomes impossible to run multiple scripts at the same time. Also when running scripts in html, the web page becomes unresponsive until the script stops or has run its course(this affects performance and leads to a bad user experience).   Web workers ...

Read More »

HTML5 3D Tutorial

In this example we are going to learn about HTML5 canvas 3D API. Canvas was added to HTML in HTML5. HTML5 canvas is a powerful tool (or container) that is used for drawing images and shapes. For this example we will use: A computer with a modern browser installed notepad++ 1. Getting Started In the early days of HTML, 3d ...

Read More »

HTML5 Notification Example

In this example we are going to learn about HTML5 notification API. For this example we will use: A computer with a modern browser installed. notepad++. Wamp Server: You can actually use any server, the most important thing is that your app has to be hosted on an http server or else HTML5 notifications will not work. 1. Getting Started ...

Read More »

HTML5 History API Example

Pre HTML5 we could only perform few basic operations on the browser history stack, simple operations like re-visiting a previously visited URL. Today (with HTML5) we can perform more complex operations on the browser history stack.   In this example we are going to develop simple modules that work with the new features added to HTML5 history API. For this ...

Read More »

HTML5 File API

With the advent of HTML5 ( the new standard for the web ) also comes new API, with great features. This new set of API has made things that were quite difficult or outrightly impossible to do on the browser, possible. In this example we are going to demystify one of the features of HTML5-The file API. For this example ...

Read More »

Html5 Semantic Element Example

A semantic HTML element is an element which has its meaning clearly defined to both the browser and the developer. By merely looking at a semantic element or tag you can tell its function. In this example we will learn about HTML5 semantic elements. For this example we will use: A computer with a modern browser installed. notepad++. 1. Getting ...

Read More »

Want to take your WEB dev skills to the next level?

Grab our programming books for FREE!

Here are some of the eBooks you will get:

  • PHP Programming Cookbook
  • jQuery Programming Cookbook
  • Bootstrap Programming Cookbook
  • Building WEB Apps with Node.js
  • CSS Programming Cookbook
  • HTML5 Programming Cookbook
  • AngularJS Programming Cookbook