New Scripts | HTML5

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.

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

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

The feature of the day is contentEditable, by which I mean client-side in-browser "rich text" editing. All major browsers support this now, including Firefox 3, Safari 3, Opera 9, Google Chrome, and Internet Explorer (since 5.5).

Wordpress plugin for html 5 audio and video allows you to embed media for native playback in supported browsers and offers a graceful degradation for unsupported browsers.

jPlayer is a jQuery plugin that allows you to: * play and control audio files in your webpage * create and style an audio player using just HTML and CSS * add sound effects to your jQuery projects * support more devices using HTML5 All of this with HTML5 support for compliant browsers that allow mp3 or ogg format, while supporting other browsers using mp3 format with no visible Flash.