Home » HTML5 (page 2)

HTML5

HTML5 Boilerplate Framework Tutorial

In this article, we’ll be going through a very popular HTML5 framework, maybe the most popular one, HTML5 Boilerplate. HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. This project is the product of many years of iterative development and combined community knowledge. It does not impose a specific development philosophy or framework, so you’re free ...

Read More »

HTML5 Offline Storage Example

The aim of this article is to go through HTML5 local storage, also referred to as ‘offline’ storage. When web developers think of storing anything about the user, they immediately think of uploading to the server. HTML5 changes that, as there are now several technologies allowing the app to save data on the client device. It might also be sync’d ...

Read More »

HTML5 Contenteditable Attribute Example

In this example, we’ll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of an element is editable or not. For some time now, we’ve been using various technologies to edit and store text within a web browser. Now with the contenteditable attribute, things have got a whole lot easier. In this article, ...

Read More »

HTML5 Video Tag Example

The aim of this example is to introduce and show the usage of the video tag of HTML5. Before HTML5, there was no standard for showing videos on a web page and videos could only be played with a plug-in (like flash). The HTML video element is used to embed video content. It may contain several video sources, represented using ...

Read More »

HTML5 and CSS3 Text Animation Example

In this example, we will be going through CSS3 text animations. CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animation’s style, as well as possible intermediate waypoints. There ...

Read More »

HTML5 Development Tools List

Ever wanted to start your web project from scratch, but never knew how and where to find the right tools? Well, you’re in the right place. In this thorough article we’ll be explaining essential tools like editors, websites, libraries and frameworks that will boost productivity and help you kickstart your HTML5 project. Web projects usually include lots of effort in ...

Read More »

Exploring the HTML5 Web Audio API: Filters

With the Web Audio API you can have advanced audio processing directly inside your browser. This API specifies a whole bunch of nodes you can use to create your audio processing pipeline. In a previous article I showed a number of these components, and how they can be used together to play back sound and visualize the results. In this ...

Read More »

HTML5 Page Structure Example

HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support, but also enhance support for creating web applications that can interact with the user, his/her local data, and servers, more easily and effectively. Some features of HTML5 remain unsupported from certain browsers, but there is work going ...

Read More »

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 »

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