This post was last updated over a year ago, therefore the contents of this post may be out of date.

In recent times we hear a lot of buzz going around all about HTML5. Companies such as Apple are predicting that it’s this newest technology will be the death of the popular Flash platform that help powers a lot of rich internet apps and complex dynamic web components. But what is HTML5 and will it really change the jobs of web designers and web developers ?

In this post you will find 15 of the best resources to help you enter your adventure in HTML5  and we are already see the impending technology already being implemented I major web browsers and in large sites such as Google.

1. WTF is HTML5

An interesting info-graphic for the visual inclined or casual people out there. In this item you will find the coverage of  the comparison between HTML5 and Flash, which web browser support HTML5 and a highlight of some of the more popular and powerful modules in HTML5.

2. HTML 5 differences from HTML 4

Want to know the difference between HTML4 and HTML5, this draft from W3C highlights the syntactical differences, the new HTML elements.

3. A Web Developer’s Guide to HTML 5

This guide illustrates how to write HTML 5 documents, focusing on simplicity and practical applications for beginners while also providing in-depth information for web developers

4. HTML5 Doctor

This site has a full resource of information about HTML5 for people who wanted to learn more about the hows and whys of implementing HTML5

5. HTML5 Gallery

This website is a showcase that features real websites that been built using HTML5. It’s a valuable resource for seeing how developers are already leveraging the future specifications of HTML5.

6. HTML 5 Demos and Examples

This site was created by Remy Sharp, who want to create a sharing a list of beautiful HTML5 demos and examples.  The list includes items using HTML5 features like video, audio, canvas, geo-location, drag ‘n’ drop, web storage and more.  Browsers that are compatible with every demo is mentioned as well and it is possible to filter them according to the browsers and/or HTML5 feature used.

7. The HTML5 Test

The HTML5 test is a scoring website to indicate how well your browser supports the HTML5 standard and related specifications. It does not try to test all of the new features offered by HTML5.

8. HTML5 Slide Presentation

This presentation was created by Marcin Wichary and modified by Ernest Delgado  The purpose of the presentation is to show the coming bleeding edge features for modern desktop and mobile browsers. This presentation was create initially for Google Chrome users.

9. HTML5 The Basics

The next iteration of HTML has been met with excitement by some, loathing by others and confusion/fear by everyone else. Love it or hate it, HTML 5 will soon define how you build websites.

10. Get Ready For HTML5

With support in Chrome, Firefox 3.5, Opera, and Safari, HTML 5  is coming at you like a runaway train. Here are some suggestions to help you prepare to get on board rather than be left at the platform or tied to the tracks

11. Structural Tags in HTML5

The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For majority of everyday uses, these tags will replace many of our typical div entries from our code.

12. Semantics in HTML 5

HTML 5, the W3C’s  recently redoubled effort to shape the next generation of HTML, has, over the last year or so, taken on considerable momentum. It is an enormous project, covering not simply the structure of HTML, but also parsing models, error-handling models, the DOM, algorithms for resource fetching, media content, 2D drawing, data templating, security models, page loading models, client-side data storage, and more

13. When Can I Use

When Can I Use is a compatibility table that shows which upcoming web technologies are compatible with each existing browsers. You can select from HTML5, CSS3, SVG and a multitude of other technologies, then specify which browsers and versions you want to know about, and it spits out a table that tells you what’s supported and what’s not (including partial support).

14. How to get HTML5 working in IE and Firefox 2

HTML 5 may be the latest and greatest technology, but some  browsers don’t have native support for the new semantic elements. Let’s momentarily forget about the really sexy functionality, like full control over the <video> element, and just focus on getting the elements rendered.

15. HTML5 Again.

If you’re a front-end developer, I want you to do me a favor. I want you to pick a project and mark it up in HTML5. I’m not going to ask you to code a game experience inside the canvas element, or replicate a YouTube video player or do anything really, except challenge you to declare semantic information about your content blocks.

Extra Resources

HTML5 cheatsheet here


15 Best HTML5 Resources That Helps You Get Up To Speed