Home » HTML5 (page 5)

HTML5

HTML5 Calendar Example

In this example, our focus will be on creating a calendar component with HTML5 and CSS3 and later add some interactivity using javascript. Calendars will be needed in websites whether just for information or when date input is needed. The user is always willing to see nice stuff. We can create calendars with HTML5 and style them with CSS3, but ...

Read More »

HTML5 Date Time Components Example

The aim of this example is to show how to use and style different date and time components. Date and time components are new elements added on HTML5 and not all browsers support it (i.e mozilla firefox). Chrome fully supports the following components, while IE and Firefox still don’t. To check if your browser supports this component check here. We ...

Read More »

HTML5 Color picker example

In this article I will show you how to create a Color Picker using HTML5 Canvas API. I’ll first present you the API we’ll use. Then we’ll create a “color picker” you can reuse in your applications. This article will not present the use of the new <input type="color" />. 1. Introduction The way to create a color picker is ...

Read More »

HTML5 Checkbox Example

In this example, we shall take a closer look at how we can create and style checkbox elements with HTML5 markup and CSS3 styling. Creating checkboxes will be needed when you want to present the user a set of options they can choose from, which is most likely in surveys. First we take a basic approach to the html element ...

Read More »

HTML5 Photo Gallery Example

The aim of this example is to get you through the process of creating a functional photo gallery using HTML5 and CSS3. Photo galleries will be needed in almost every website, whether to present products, staff members, or personal images when on a personal blogs. Before we begin, know the following technologies that will be used: – The photo viewer ...

Read More »

HTML5 Contact Form Example

In this example we will go through a simple clean contact form. Contact forms are sections within a webpage that you add with a set of input fields for users to have the possibility to contact the website admins. Normally, you can choose how many fields you want the contact form to have, like name, e-mail, subject and message, or ...

Read More »

HTML5 Input Types Example

If you are developing web applications, you may have created forms, at least for a contact page, or even a login page. So I suppose you should know how to create a form, and the major field you can add such as text element, password field, or other checkboxes and radio buttons. Of course you will add a submit button ...

Read More »

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) evolved many times. The story of accessing ...

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 notify (push) data to the connected client(s). Ajax ...

Read More »