Home » HTML5 » Page 7

HTML5

HTML5 Web Camera Example

In this article I’ll present you how to use and access the visitor Web Camera. First we will present the API, then we will see an example to explain the HTML5 API usage.               1. The history The specification of the API that allows web pages to interact with user (visitor) camera (and/or microphone) ...

Read More »

HTML5 websocket example

In this article I will present you the WebSocket feature of HTML5. We will first describe the API with small examples, then I’ll try to create a small app using the API.                 1. Presentation WebSocket will allow you to create a full connection to a server, this will allow the server to ...

Read More »

HTML5 Form Validation Example

EDITORIAL NOTE: In this post, we feature a comprehensive HTML5 Form Validation Example.  Form validation is when you enter data, the web application checks it to see that the data is correct. If correct, the application allows the data to be submitted to the server and (usually) saved in a database; if not, it gives you an error message explaining ...

Read More »

HTML5 Navigation Bar Example

In this article we will present you a way for creating an HTML5 navigation bar. We will only use CSS and no JavaScript. Let’s see how this can be done! 1. The nav Tag The <nav /> Tag is one of the new elements introduced in the HTML5 Specification, this element represents a part of your document that contains links ...

Read More »

HTML5 Geolocation Example – Weather Widget Demo

Introduction At the heart of every location-based application is positioning and Geolocation. Geolocation is similar to  the use of positioning systems but is more focused on determining a meaningful location (e.g. a street address) rather than just a set of geographic coordinates. In this tutorial you will learn the Geolocation capabilities of HTML5. The API provides a method to locate the ...

Read More »

HTML5 Offline Web Application Example

In this example we will talk about writing an Offline Web Application. Offline ? Sounds weird, doesn’t it ? HTML5 allows us to create a “list” of files accessible after the browser is disconnected. The browser will always have to download the main HTML file and all the files in this “list” at least once. Let’s see how this works. ...

Read More »

HTML5 Graphics and Animation Example

Introduction Animation is the visualization of change, having reference points for the start and end states for comparison. Before HTML 5, it was limited to usage of Adobe Flash, CSS and JavaScript mostly. In this tutorial we will introduce the HTML canvas element and the requestAnimationFrame function in JavaScript to help us create simple animations. The HTML canvas element (introduced ...

Read More »

HTML5 Local Storage Example

Introduction HTML5 local storage allows web applications to store values locally in the browser and can survive the browser session, just like cookies. Unlike cookies that need to be sent with every HTTP request, thereby affecting website performance, local storage data as information is never transferred to the server. Additionally, cookies allow you to store only 4K of data per ...

Read More »

HTML5 Audio Player Example

In this example we will present you how to use the HTML5 Audio Player. First, we’ll present the <audio /> tag and its attributes, for a quick audio integration in your HTML documents. And, then we will continue with more advanced usage using JavaScript to interact with the HTMLMediaElement. 1. The minimal example In order to allow your users to ...

Read More »