New Scripts | HTML5

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies

We've tested all the A-grade browsers for their CSS3 and HTML5 support using FindMeByIP.com. The results have been very interesting.

The following tables compare support of HTML5 differences from HTML4 for a number of layout engines.

This tutorial will explain how to create your first drag and drop example. HTML 5 comes with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up.

We are going to have a look at how to create a HTML 5 page that uses the new drag and drop feature. Note we are displaying this via an iframe so if your having any trouble viewing the demo please let us know, another reason it may not show will be due to your browser, this is working fine in FireFox 3.5 ^ Safari.

HTML5 Drag and Drop has been talked about a lot lately, but it’s hard to find really useful information about implementing it across multiple browsers. Mozilla, Apple and Microsoft all have pages describing how to use it, but their examples seem to work only in their particular browser

The new HTML5 CANVAS tag is a new tag for HTML5 that allows 2-dimensional drawing, or bitmap drawing if you like, using Javascript. It allows both simple and complex shapes to be drawn that you could previously only get by using images.

The canvas element is a drawable region defined in HTML code with height and width attributes. JavaScript code can access the canvas through a full set of drawing functions allowing for dynamically generated graphics. The canvas element was introduced in HTML5. You can read more about the element at the following locations:

Welcome! In this tutorial, we're going to create a breakout clone that you can play in your browser, using javascript and the element.

Among the set of goodies in the HTML 5 specification is Canvas which is a way to programmatically draw using JavaScript. We’ll explore the ins and outs of Canvas in this article, demonstrating what is possible with examples and links.

This article takes you through the basics of implementing a 2D canvas context, and using the basic canvas functions, including lines, shape primitives, images, text, and more. You are assumed to have mastered JavaScript basics already.

is a new HTML element which can be used to draw graphics using scripting (usually JavaScript). It can for instance be used to draw graphs, make photo compositions or do simple (and not so simple) animations. The image on the right shows some examples of implementations which we will see later in this tutorial.

Collection of SVG tutorials aimed at someone creating SVG content and contains critical information for beginners.

The purpose of this tutorial is to get you up and running with SVG in a short time, and to be able to use the tutorial as a quick reference afterwards as well. While I will try to cover as much as possible of SVG, it is not the intention to cover each and every little bit of the SVG specification.

This area contains tutorials discussing (by example) the fundamentals of SVG. Topics include: document structure, basic shapes, text, animation, events, and more.

There are currently 3 separate areas of the HTML5 specification that will help you build an offline web application; web storage, offline caching and web database.

The goal of this tutorial is to write a browser based "to-do list" application that works on the iPhone, Android and Palm Pre in six steps. The application should even work when the device has no network connection.

The gist of Offline Web Applications is to provide a manifest file that states which files should be downloaded for offline usage, which fallback certain files should have and other options. It is currently supported by Firefox 3.5+, Google Chrome and Safari.

HTML 5 provides a new caching feature to support offline web applications. Basically, you can specify in a specific file called the “cache manifest” the caching policy to apply to a particular web page. To activate the HTML 5 caching feature for a specific document, you only need to specify the URI of the cache manifest file in the manifest attribute of the element.

I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.