Latest News: Do you know you can save 25% on Hostgator hosting? See how

10 Best Resources To Learn HTML5

HTML5HTML5 is the latest specification of HTML or Hyper Text Markup Language. This is the markup language that is used to build web pages. Development of this new version was initiated by the Web Hypertext Application Technology Working Group (WHATWG) and then later carried on by the World Wide Web Consortium (W3C), the organization that establishes standards for web technology. To date HTML5 is still in the working draft stage but it already has growing support in the web development community.

The following is a list of online resources that can help you acquire the knowledge and skills to start using HTML5 today.

* All links open in new window.

 Sponsor’s Note:

Do you want to learn HTML5? You may want to check out this HTML crash course (with HTML5) conducted by Mark Lassoff in Udemy.com. In this course you will learn all of the HTML and CSS you need to create a creative, quality and sound web site.

HTML5 Introduction And Tutorials

HTML5 Introduction And Tutorials
The six resources mentioned below are good places to discover what HTML5 is all about and then jump right in to learning how to use the new features. It is assumed that you are already familiar with HTML in general.

1.Yes, You Can Use HTML5 Today!
(http://articles.sitepoint.com/article/html-5-snapshot-2009)
This is an article that explains what HTML5 is by way of how different it is from the current standard which is HTML 4.01. This is written by Bruce Lawson, an evangelist for Web Open Standards and a member of W3C.

2. Building Web Pages With HTML5
(http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/)
Webmonkey is a popular resource site from Wired.com that focuses on web development. As to be expected, they already have a tutorial for HTML5. The one mentioned here is actually the title of the first of a three-lesson set. Lesson 2 is called Add Semantic Value to Your Pages with HTML5 and Lesson 3 is Embed Audio and Video in HTML5 Pages.

3. Dive Into HTML5
(http://diveintohtml5.org/)
This is the free and online edition of a book by Mark Pilgrim. The printed edition is called HTML5: Up & Running and is published by O’Reilly. Here HTML5 is explained through the new features it carries. The first four sections give a good argument on why the new specification should be supported and used. A development history is also given which helps put the rise of HTML5 in proper perspective.

4. HTML 5 Doctor
(http://html5doctor.com/)
This website is a collaboration by some of the leading personalities in web development. This is quite an extensive resource where you can find articles on the various aspects and issues of the new specification. There is for example an article titled How to get HTML5 working in IE and Firefox 2 which reveals the methods that can enable these browsers to accommodate the new features of HTML5.

5. When Can I Use…
(http://caniuse.com/)
Compatibility tables are an important resource for web developers and designers as not all browsers support the same technologies. This is especially true for something fairly new and not yet completely established like HTML5.

6. HTML 5 Cheat Sheet
(http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/)
A quick reference is always handy when learning a script or language. This cheat sheet lists and describes the tags and attributes of the new specification. It’s a free-to-download and printable PDF file. Take note that HTML5 is still in development so the site promises to update the sheet if any changes in the specification occur.

HTML5 Demos and Examples

HTML5 Demos and Examples
What better way to get encouraged and learn HTML5 than to see it actually working. Aside from seeing the demo videos on YouTube and other similar sites, the two mentioned below can show you the code and the result.

7.HTML 5 Demos and Examples
(http://html5demos.com/)
This site gives a few examples of what can be done with HTML5. Click on any demo in the list to see how it works. Take note of the ‘Support’ column as it indicates which browsers support the particular feature being illustrated.

8.HTML 5 Gallery
(http://html5gallery.com/)
Here you’ll find a showcase of various sites that have already implemented the new specification. There is a short description of what each site is about and what HTML5 features are mainly used. You can click on the link to visit the site itself and then use your browser to view the source code.

HTML5 Primary Source

HTML5 Primary Source
Of course there’s nothing more reliable than the original source. Beginners in HTML might find these a bit too technical but it’s important to consistently check these sites as any changes in the specifications will naturally be first published here.

9. Working Draft (WHATWG)
(http://www.whatwg.org/specs/web-apps/current-work/multipage/)
This is the Editor’s Draft from WHATWG. You can use it online or print the available PDF version. This draft was last updated in December 15, 2010.

10. W3C reference sites
There are actually three sites from W3C pertaining to HTML5 that you can use. There is the main draft (http://dev.w3.org/html5/spec/spec.html), a reference guide (http://dev.w3.org/html5/html-author/), and a comparison document (http://dev.w3.org/html5/html4-differences/) that points out the differences between HTML5 and the current standard HTML4.

There are actually numerous sites that teach and explain HTML5. You can visit other sites that also present their own list of resources. Recommended is the Ultimate Collection of HTML5 and CSS3 Resources from smashingshare.com.


Leave your response!

Have a word? Leave it below.