Home » HTML5 (page 5)

HTML5

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

Read More »

HTML5 Dropdown menu example with CSS3

Introduction The web has evolved into something more than just linked documents; pages behave increasingly these days like apps. Even a few years ago we would be looking at using JavaScript to create interactive, attractive menus. With HTML5 and CSS3 now standard in most modern browsers, web developers can easily and quickly create attractive and responsive menus. Today we will  ...

Read More »

HTML5 File Upload Example

Today I’ll explain how to use HTML 5, to read information about file(s) selected by users, and to upload the file(s) on a server. The FileApi is one of the most interesting features added with HTML 5. Now we can display file(s) information before they are uploaded on the server, and we can send them without “posting” a form. We’ll see how to ...

Read More »

Dynamic aria-live for better accessibility experience

Every web developer working with the web accessibility (WAI ARIA) knows or heard about aria-live. This is an attribute, which indicates a live region – any updatable HTML element – and describes the types of updates the user agents, assistive technologies (screen readers), and user can expect from the live region. The default value of the aria-live is off. That means, updates to ...

Read More »

HTML5 Drag and Drop Example

Usability, an important part of web interface eases the way we communicate with web. Many new technologies and functionalities are invented to ease the development effort as well as improve the overall way in which users interact with web. HTML5 has given many things as of today to improve the browser functionalities on client side with minimum amount of scripting. It provides ...

Read More »

HTML5 Geolocation API with Google Maps

I have been reading Head First HTML5 and read about the Geolocation support in HTML5 and also went through the example they have shared about using the Google Maps with HTML5 geolocation API. It was an interesting example and I went a step further and enhanced the example to show some eat outs around the current location. For this I ...

Read More »

Browser to browser communication with Vert.x, websockets and HTML5

I’ve been playing around with Vert.x for a couple of weeks and I’m really starting to like the simplicity of the framework. With very little configuration you can quickly get impressive results. In this article I’m diving a bit deeper in how to set up browser to browser communication using the Vert.x eventbus by using the javascript client side API. ...

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