Home » HTML5 (page 4)


HTML5 Slideshow Example

In this example, we aim to have a closer look at slideshows with HTML5. Slideshows are a good way to present a set of images within a part of the website. HTML5 doesn’t have a native tag or set of tags to make a slideshow, but you can achieve it using other provided tags. As you can imagine, javascript needs ...

Read More »

HTML5 AutoComplete Example

In this article I will show you an example on how to create an autocomplete input using HTML5. First I will present you what HTML5 added to create autocomplete fields. Then we will create a real example, with data loaded from a server request (aJax). 1. Elements and attributes 1.1 The autocomplete attribute IMPORTANT : This attribute is not used ...

Read More »

HTML5 Fieldset Example

The aim of this example is to present you to tha fieldset tag of HTML. The fieldset is used to group similar and related elements, it draws a line box around the content inside. It is supported by all browsers. It will be necessary whenever you need to gather elements for example of the same type like inputs, or just ...

Read More »

HTML5 Textarea Example

The focus of this example will be the textarea tag of HTML5. This tag defines a multiline text input control. The textarea can hold an unlimited number of characters and its size can be defined whether by rows and columns in html or more precisely by width and height in css. Some of the attributes we will see are new ...

Read More »

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 »

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