Forms - you'll now be able to use built in functions to auto-check information and create sliders, controls or event auto calendars instead of creating from scratch in current implementations. Another great use will be for verifying a email address, instead of creating custom code their will be the built in ability to check to see if the field is formatted properly.

CSS3 - has some amazing new features and formats for embedding fonts to give you more control of the design as well as adding rounded corner buttons or objects so we don't need to use several small graphics in the design to create the illusion of rounded corners.

Animation - using the new canvas format and javascript features there are plenty of new animated techniques that can be utilized with content, whether to reveal a part of a page or have a graphic appear on screen. This defer greatly in the current implementations of the latest browsers but as we move forward we'll see more consistency within them.

Content Editable - this offers the ability for the user to easily edit content on screen and provides a easy way to view and edit. Check out the example at:

Drag & Drop - provides a easy way to create drag and drop interactions whether for exercises or manipulating content. Example at: http://html5demos.com/drag

See the full post on HTML 5 at:  http://nickfloro.com/html-5-what-does-it-mean-to-me-elearning-web-0

HTML 5 is a open standard that is still in development but the major browsers FireFox, Safari, Chrome and Opera have jumped in to support it. While the standards are still being developed there are features that are common among them and over the next several months we'll see improved support as updates come quick from the browsers. You'll notice one browser is missing, did you catch it? Microsoft announced a beta version of Internet Explorer at the Mix conference earlier this year. You can download the latest rev at: http://www.ietestdrive.com/

1. Graphics - improve graphics and animation support without additional codecs within the browser

2. Location - create an API for being able to show where you currently located or what is around you for mobile devices

3. Storage - ability to store offline locally within the browser data so that you do not have to have a constant connection to a site

4. Speed - improve browser speed in working with content, running scripts in the background and improving user experience

The HTML 5 committee wants to insure:

1. Support Existing Content so whatever was created in the past will still continue to work

2. Insure Interoperability between browsers and technologies so that it would be easier to create apps. 

3. Support of Standards - these are still being developed but they are off to a great start, explained below. Hopefully the major browsers will see this the same way. For example, when you shop for a car, its standard for a car to come with wheels and brakes.

4. Improved Error Handling - when a browser encounters a error, instead of crashing the browser, a dialog box will appear asking you if want to continue or stop the action. 

5, Evolve, not recreate what we already have - which translates to not just creating new standards for the sake of it, they want to focus on building and developing standards that will improve the language and improve developers as well as viewers experience with the web.

HTML 5 includes support for two new graphic formats:

Scalable Vector Graphics - SVG - this allows you to embed Illustrator graphics/content or EPS files in the SVG format and directly support it via the browser. Because of the vector format, these graphics are scalable, look great and appear to the user as a rendered JPEG. This means you can use one product or company logo and instead of saving in multiple files and sizes you are able to use one SVG graphic and resize via code without additional file size or graphics to maintain or load on the users browser. 

Canvas API - provides a new way to deliver graphics and animation via the browser with interactivity. Examples:

First Person Gifter - in this example you walk around a maze using the arrow keys on your keyboard. Notice the alpha channel on the flowers as you move around. Excuse my collisions with the walls. 

You can view and test it at http://htmlfive.appspot.com/static/gifter.html

Another example is Mozilla's realtime FireFox stats on who's downloading the browser currently. Here we see real time data of downloads and graphs being generated in each country.

View and test at http://www.mozilla.com/en-US/firefox/stats/

Quake II - another technology example of Quake II recreated within HTML 5.

View and test at http://code.google.com/p/quake2-gwt-port/

Canvas and SVG are currently supported in: 

Currently when we think of video playback on the web we think of Flash as our major delivery technology. HTML 5 introduces a new tag for directly embedding video onto a page just like we include a graphic currently.

versus a Flash embed:

Currently there are two main codes competing, H264 supported by Apple and Chrome and OGG Theora supported by Chrome, FireFox and Opera. Interesting tidbit - OGG Theora codec was named after Theora Jones, Edison Carter's Controller on the Max Headroom television program.OGG was released into the open source community by On2 Technologies which was acquired by Google late last year. Google is suppose to announce a newer version of the On2 codecs. Steve Jobs made a comment last week that the OGG codec has issues with licensing and patents just as the H264 has. Currently, from what I've read the H264 content is ok to use until 2015 when licensing could become a issue again. 

H264 is supported by all major video technologies and what's nice for video content developers is that the same compressed video can be supported via Flash and HTML 5 so you can have one video running in both environments and not have to compress multiple versions.

QuickTime supports the export of H264 easily and you can export to OGG via a free add-on to QuickTime at http://xiph.org/quicktime/download.html.

Another great feature HTML 5 video is going to support is the ability to click anywhere within a download stream, prior to it being cached which will provide a nice way for viewers to jump around in video content and cache from the point that they want to view.

The geolocation api brings browser based location to applications. This will allow you, while viewing browser content and a map to show your current location on it or while walking down the street you can search for a restaurant or based on your interest in eating lunch your phone or mobile devices shows you several stores or locations on a map.

Example: http://htmlfive.appspot.com/static/whereami.html

4. App Cache and local database storage provides a way for users that are viewing or working with content to continue while offline. This will allow developers to sync or move data to the local side, allow the user to edit and then automatically upload once an internet connection is available.

Web workers defines an API for running background scripts.

http://www.html5doctor.com  Great place to learn about and get started with HTML 5

http://www.caniuse.com/  To learn about what works in each browser, a great resource

http://www.html5demos.com Resource for examples and how to's

http://html5gallery.com/ See mainstream examples of sites using HTML 5 today

http://www.css3.info Learn about CSS 3

http://www.kesiev.com/akihabara/ A 2D gaming engine for HTML 5