Student No: 07973426
Due to use of HTML5 elements page does not validate as XHTML, however it does validate as HTML5

HTML5 Canvas example
The first example is of the new canvas tag. Using Javascript and the canvas tag Rob Hawkes recreated the bouncing ball Google logo on his website. I have taken his code and replaced Google with my initials DVC.

CSS3 Rotating Image This is an example of a rotating image, similar to that of a advertising board using CSS3. The example works only in Safari, Chrome partially works but does not support all of the used CSS3 properties as yet.

Using the <video> tag
Video embedded in the page using the new video tag. Tested and Works in Chrome, Firefox and Safari. different videos are loaded depending on the browser.

Drag and Drop - HTML5 - JavaScript

Drag and drop interface using HTML5 and JavaScript - drag the draggable boxes into boxes. Based upon various tutorials read on the internet

Box 1 Box 2 Box 3
Draggable 1 Draggable 2 Draggable 3 Draggable 4
Drag a box to box 1 Drag a box to box 2 Drag a box to box 3

Canvas - Drawing
Example showing the drawing of simple objects in HTML5 using javascript. Gradients and opacity can also be set, as well as having the ability to draw paths
Your browser does not support the canvas tab

A new type of HTML5 form input that allows the developer to specify search suggestions, similar to how many browsers store common used form responses currently. This only works in Opera at the moment.