HTML 4 has been around for nearly a decade now, and much have happened since HTML 4 landed. The way we use the Internet have taken dramatic turns and the I think the most significant turn is the trend of desktop applications and games going online running in browsers. Many people don’t use email clients any more and simply use online services as gmail or hotmail. The average Internet user today expect seamless embedded media, flexibility, responsiveness, ease of use (usability), off line capabilities etc. in ways we couldn’t imagine 5-10 years ago. Keeping up with users demans isn’t always as easy as it should be and this is where HTML 5 is expected to kick in with a helping hand.
In this article tripwire magazine provides you with the resources you need to get overview of what HTML 5 is, to get started and to understand how you can benefit from it at this early point in time. I also encourage you to have a look at our post on the latest HTML5 website templates, they can really make your life easier if you are going to build a feature rich website on a tight budget.
Spec, Reference and Implementation
This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability. This specification is also being produced by the WHATWG. The two specifications are identical from the table of contents onwards.
A basic overview of HTML 5 from Wikipedia. You will get the basics settled here and you will find links to relevant resources that you can follow to keep learning.
Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies. While it is unclear how safe it is to use tables like this it is a great way to check if an idea is feasible or not now or when it will be.
This is a list of known implementations of HTML 5 in web browsers. Better safe than sorry so check it out before using new HTML 5 elements.
HTML 5 Cheat Sheets
A great quick guide to HTML 5 as a printable PDF from Smashing Magazine
Article and Showcases showing how to use HTML 5
<div> soup, hello semantic markup? This is a great article digging into new opportunities with HTML 5 combined with CSS 3 – the future of web development really.
This is the ultimate showcase of what we may expect from HTML 5. Google and the community really experiment with HTML 5 and create thing you would never expect to be possible with HTML and Javasctipt only. Check it out it is awesome! I tried some of them in Firefox 3.5.2 and they worked fine too.
This article is a great introduction to the new elements in HTML 5.
A great beginning overview of HTML 5
A great set of html 5 demos. Just view the source to see how they work.
An example of how to use Drag-n-Drop in HTML 5
See what’s possible with HTML 5
A powerful demo of how forms work in HTML 5
A Mozilla Labs experiment on how to build an extensible Web code editor using HTML 5 technology.
A good article from HTML 5 Doctor on the Header element. HTML 5 Doctor is a general resource on HTML 5.
Another great article from HTML 5 Doctor
A useful article from HTML 5 Doctor on the Video element
A tutorial on how to build a blog in HTML 5
An opinion piece from A List Apart
Some quick thoughts on accessibility problems with the Canvas element
A post by Zeldman on the HTML 5 Nav element
A great list from Molly about which HTML 5 features are supported by which browsers
The Web Hypertext Application Technology Working Group – the folks working on the HTML 5 spec
A great in-depth tutorial on how the HTML 5 Canvas element works
A demo of how the Drag-n-Drop functionality works.