Top Rated Scripts | HTML5 | Tutorials & Reference

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

In this series we explore how to create a game character using HTML5 Canvas and JavaScript. Each part of the series will give step by step instructions how to give our character a new ability such as running and jumping. Demos and source code included.

A handy printable HTML 5 Cheat Sheet that lists all currently supported tags, their descriptions, their attributes and their support in HTML 4.

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

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.

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.

This handy HTML 5 reference guide lists all tags supported in the HTML 5 specification. Tags, tag attributes and a listing of tags removed in HTML 5 (valid in HTML 4) are listed in a convenient cheatsheet format. This is the most complete, and up-to-date, HTML5 cheatsheet (reference) around. Features:

This tutorial explains in detail who to create a virtual 3d panorama in javascript that contains simple geometric figures such as houses and mountains and derives certain rules to expand your knowledge and creativity. It also teaches you how to use the three.js library to create some meshes, which result in a complex composition of vectors and figures that resemble a virtual world. Detailed examples and websites are available as a reference as the author focuses on the main parts of a virtual world in the code snippets.

Today we are going to learn how to create cool CSS3 animation for download buttons. CSS3 gives us a great opportunity to create awesome animation without having coding and solve slow data loading issue. Also now most of modern web browsers support CSS3animation and it's effects.

In today’s tutorial we will create Falling leaves effect without any help of javascript. When I started playing with CSS3 I never thought that I could make such fascinating animations with it.

A slideshare.net presentation on how to process and publish video on the HTML5 format. It includes the different state of standardisation, using the javascript API, skinning the player, etc.

Tutorial from WebMonkey.com that explains how to embed audio and video in HTML5 pages. Currently, the only way to reliably embed video on a web page so that all users can see it regardless of browser or operating system, is with Flash. This requires the Adobe Flash plugin and a combination of the and tags.

In this tutorial, I will start with a .mov file and encode that into what we need to serve our HTML5 video.

This is an old video put up by a Google Employee called Brad Neuberg as an educational Introduction to HTML5. This is for the people who don’t find time to keep up with HTML5 developments by reading up articles.

The element is brand new in HTML 5 and allows you to, get this, play a movie in your website! The data of this element is supposed to be video but it might also have audio or images associated with it.

In this video quick tip, we’ll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers.

The mapping of HTML5 structural elements to id and class names for use with s

One-page printable pocket book on some of HTML5's new tags and attributes.

This project is an attempt to create a well maintained, informative and categorized cheat sheet to highlight HTML5 as well as other client side and related security issues and ways to avoid them. The project is meant to target web developers as well as security researchers and especially browser vendors since many of the problems we found are based on faulty or quirky implementations. Focus is on completeness, comprehensibility and timeliness as well as continuity - benefits many other related cheat sheets don't exactly provide.

The contentEditable property (and the similar document.designMode) are meant to enable WYSIWYG editing. One of the cool parts about contentEditable is that it can apply to specific elements.