More materials by author Sue Smith

In this tutorial we will run through a basic example of using custom data attributes in HTML5, with JavaScript code retrieving the attributes to create an interactive website component.
The geolocation functions in HTML5 were among the most anticipated for Web developers. With geolocation in your websites and Web applications, you can maximize on mobile resources and provide results that are tailored to the user.
It goes without saying that website visitors are now browsing on a wider range of device types than ever before. The need to cater to this variety is difficult to overstate. As the selection of browsing devices continues to increase, taking a responsive approach to Web design is becoming an unavoidable reality. However, implementing a responsive strategy in your new and existing sites doesn't need to be an intimidating prospect
In this tutorial we will build a simple drag and drop component in which the user will be able to move a selection of words around to form a sentence. The drag and drop functionality can be used to create games or simply to enhance user interaction with your sites. The process is fairly straightforward, with JavaScript and a little CSS code facilitating the end result.
SVGs (Scalable Vector Graphics) allow you to create images within your Web pages that scale up and down perfectly, whatever size the user device screen is. Additionally, you can implement interactive and animated functions within your SVGs.