Home » Archives for Toni

Author Archives: Toni

HTML5 IndexedDB Example

One of the headaches of web programming has been the storage and retrieval of user data within an application. Imagine having a database in the server side for storing, for example, some user preferences. That would be a complete overkill, because our web application may not need a server. HTML5 introduced the IndexedDB technology, a persistent client-side data storage, per ...

Read More »

HTML5 Audio Controls Tutorial

One of the greatest changes of HTML5 was the native support for multimedia content, with tags for audio and video, that allow to reproduce them without the need of plugins for our browser or software in our computer. In this tutorial, we will see the usage of the audio element.                 For this ...

Read More »

HTML5 Datalist Example

HTML5, among other things, introduced new features and improvements for the forms. One of these is the datalist element, which allows to define a list of suggested options, but without enforcing the user to choose one of them, and allowing him to introduce any other value, having also an autocomplete feature.               For this ...

Read More »

HTML5 Graphs 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 graphs on it, starting from the lowest level, and ending with a JavaScript library.                   As it is an HTML example, we won’t need ...

Read More »

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

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 »

Docker Node.js Example

Despite the controversy and different opinions that Node.js generates among web developers, after all, it’s a technology that it’s widely used, so, sooner or later, a web developer (and sysadmin) will have to face it, meaning this that everyone should have, at least, a basic knowledge about it. This example will show how to easily set up a Node environment, within ...

Read More »

Docker Ansible Example

When one uses Docker for a while, after the excitement of how amazing is Docker is gone, he starts realizing that building and pulling images, and creating containers by hand, may not be the best way for managing Docker applications and services. Luckily, Ansible, one of the most powerful IT Automation tool, comes to the rescue here. Ansible offers modules for ...

Read More »