HTML5 : Where to start

HYPER TEXT is a known term amongst the Internet User Community. Every single time they visit a website, the most common thing they do is click a link that is a hyper text. The best thing is it is hyper because it can take you from “Anywhere to Anywhere”.

The most commonly studied language by all, the most widely used language among web developers and is the publishing language of the World Wide Web. Who ever had attended a computer class and knows a little about web are very much familiar to the term HTML. So its not a rocket science as its easy to write also doesn’t need a great tool, a Notepad is enough. World Wide Consortium(W3C) is the organisation which provides the specifications on HTML.

The first version of HTML was described in late 1991. The current W3C Recommendation for HTML is HTML 4.01, published in December 1999. World Wide Web Consortium & WHATWG  started working on the HTML5 in 2007 and they published a working draft in 2008, since then this version is under development tag. Instead of me telling you the complete storey , better visit this site and take journey to the history of HTML5.

To the consumer, this means an easy life with finding, viewing and downloading stuffs such as videos. Searching locally will become more reliable as HTML5’s geolocation feature becomes the standard.

Tags, Element and attributes  are knows as the Markup in HTML

<element attribute=value>content></element>

Some of the new stuffs in HTML5 elements are

• New API
  • 2D using Canvas
  • Media support (Audio, Video)
  • Offline storage
  • Drag N Drop
• Enhanced Mark-up elements
• Geolocation
• Web Storage
• Error Handling (If you do not support just ignore)
• Auto Focus
• Input Types Enhancement
• Multiple File Upload
• Offline Application Caching
• Now you can use the power of HTML5 with CSS3 and JQUERY to write mobile apps also with a few changes that will work in web browsers.

The main intention of writing this article is to let you know about the various learning materials available on the web to know more detail on HTML5.

 

A best graphic way of representing the history of html5 is here http://mashable.com/2012/07/17/history-html5/

Video Tutorials

http://thenewboston.org/list.php?cat=43

http://www.youtube.com/watch?v=mzPxo7Y6JyA

http://blogs.msdn.com/b/dorischen/archive/2012/01/31/html5-webcamp-training-video-available.aspx

http://pluralsight.com/training

Tutorials

http://www.1stwebdesigner.com/tutorials/30-html5-tutorials/

http://www.html-5-tutorial.com/

http://www.cartoonsmart.com/html5_basics_tutorial_videos.php5

http://www.w3schools.com/html5/default.asp

Web Standard (From The Creator)

http://www.w3.org/2011/02/htmlwg-pr.htmlhttp://www.whatwg.org/

http://www.w3.org/TR/html5-diff/

http://www.whatwg.org/specs/web-apps/current-work/multipage//

http://html5.org/

http://www.w3.org/html/logo/#swag

http://www.w3.org/community/webed/wiki/HTML/Elements

http://www.w3.org/community/webed/wiki/HTML/Training

Blogs

http://www.html5blog.org/http://html5center.sourceforge.net/blog/

http://gamasutra.com/blogs/AustinHallock/20120715/174150/Why_HTML5_will_succeed_for_gaming.php

http://www.zeewe.com/blog/

Free Template

http://www.1stwebdesigner.com/css/fresh-free-html5-and-css3-templates/

http://www.smashingapps.com/2012/01/23/50-beautiful-free-html5-and-css3-templates.html

http://www.noupe.com/design/40-beautiful-free-html5-css3-templates.html

http://speckyboy.com/2011/09/25/15-free-html5-and-css-templates/

Mobile Development

http://www.html5rocks.com/en/mobile

http://mobile.dzone.com/news/html5-mobile-web-development

Interview Questions on HTML5

This is a cool collection for the beginner by Shiv Prasad  Koirala

http://www.codeproject.com/Articles/702051/40-important-HTML-5-Interview-questions-with-answe

Websites that uses HTML5

http://evolutionofweb.appspot.com/?hl=en-gb

http://madhuridixit-nene.com/

http://www.ebizmba.com/articles/best-html5-websites

http://html5websites.net/

http://www.windowsazure.com/en-us/

http://101besthtml5sites.com/

http://www.apple.com/html5/

Test your browser for HTML5 compatibility

http://html5test.com/

Links you must visit and experience HTML5

http://blogs.msdn.com/b/cdnwebdevs/archive/2012/03/19/top-10-resources-for-html5-developers.aspx

http://www.slideshare.net/cheilmann/html5-and-the-future-of-the-web-dr-seuss-style

http://validator.nu/

http://blog.whatwg.org/

http://www.w3.org/community/webed/wiki/HTML

http://www.html5labs.com/

http://www.brucelawson.co.uk/2011/html5-gurus-on-twitter/

http://line25.com/articles/handy-tutorials-tools-for-embedding-html5-video

http://www.noupe.com/design/html5-tutorials.html

so get ready and write

<element attribute=value>content></element>

Till next time “Keep Smiling”