Top Rated Scripts | HTML5

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.

If you don't know about the new features available in HTML5, now's the time to find out. The latest version of this markup language is going to significantly change the way you develop web applications, and this book provides your first real look at HTML5's new elements and attributes.

HTML5 is coming, and it’s time to get acquainted. Written by developers who are interested in building things, this practical book shows you how to use the language in ways you can apply starting today. Rather than being an academic investigation, it concentrates on the problems HTML5 can already solve. Parts of the spec that are still evolving or not yet implemented are discussed in context. Through hands-on examples you’ll discover what HTML5 is—and isn’t--good for.

HTML5 has captured the attention of web designers and developers worldwide. Browsers like Firefox and Safari, and numerous mobile devices (Apple iPhone, Google Android, Palm Pre) all have some support for HTML5 - but it's not obvious what you can use. That's where this video and booklet step in. It delivers a solid introduction to HTML5 and how to get started today. The video and booklet provide instruction, examples, and explanations to get started with using HTML5 immediately, both in new projects, and how to transition existing HTML and XHTML pages to HTML5. All this is explained in ways that are compatible with existing browsers and shows authors how to progressively take advantage of new support in modern browsers and devices.

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.

Firefox3 supports the “contentEditable” property. Setting this attribute to “true” allows you to make parts of a document editable. This attribute was already supported by IE6/7/8, Safari, Chrome and Opera. So now we can start using it in our applications.

The nice thing about contentEditable is that it maintains original markup and is in effect live editing of text in the currently formatted text. So if unlike wwEditable which used a textbox to copy content and had to figure out what CSS attributes to copy to make the text look right and then handle markup conversion issues, the text you type into a contentEditable block is live HTML.

HTML 5 is introducing several new features to the web such as multi-threaded JavaScript, cross document messaging and local storage. In case you are looking for an overview of what HTML 5 promises, visit HTML 5. Today, we will look more closely at the offline application caching feature of HTML 5.

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.

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.

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

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.

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.

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

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:

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 following tables compare support of HTML5 differences from HTML4 for a number of layout engines.