Pinterest Stumbleupon Whatsapp
Advertisement

HTML5HTML (HyperText Markup Language) is the most widely used markup language today. Tags, elements and angle bracket with a bit of help from CSS forms the building block of all that you see around on the World Wide Web.

It has been nearly 20 years since HTML started defining how we ‘see’ the web. Now, it’s on the verge of its fifth major revision – HTML5. From its first avatar to its fifth, the web itself has been transformed. HTML5 is an attempt to meet current needs which is heavily based around dynamic and multimedia rich content. But how will it change the way we look and work with the web?


The web of today is increasingly interactive and media rich. Applications are moving online. HTML5 covers all of these needs by introducing ways to embed videos and audio, draw simple graphics, work with apps offline; do all these without plugins, and of course, do it all faster than before.

It is after all a standard. Thus, it’s nigh impossible to sweat the details in a few lines. So here are ten resources that give you an insight on HTML5. Let’s get to know it, because we all might be using it soon.

WTF is HTML5

HTML5

Research group Focus breaks down the latest specification and gives it straight up as a simple to understand infographic. Within ten minutes, you will get a helicopter view of what HTML5 is all about and why we should care.

Advertisement

Dive Into HTML5

HTML5

Written by Mark Pilgrim, it’s a hand-picked look at select features of HTML5. It’s put together in the conversational style of the “˜For Dummies’ series. If you want to grasp the basics, this is a must read.

And there’s “˜Professor Markup’ to guide you along with answers to common queries. Each chapter is supported by demos and examples. But do check the mentioned supported browser(s) before trying them out.

HTML5Doctor

free html5 website

At HTML5Doctor.com, you have articles that are meant to help you hit the ground running. For example, using the very first article, you can set your webpage to be recognized as HTML5 by browsers. The fourth post helps out with designing a blog with HTML5.

The HTML5 blog also has a Q&A section, where you can upload your questions. Some of the answers come on the homepage as “˜Your Questions Answered’ posts.

HTML5Rocks

HTML5

This HTML5 web resource asks that you be well versed in coding. If you are, there are a few tutorials that help you understand how HTML5 features can be coded. You can experiment with HTML5 at the Playground and even reuse some of the code samples in your own project.

The tutorials are few but comprehensive. Each is also tagged with the icon of the browsers that meet the HTML5 feature requirements.

HTML5games

free html5 website

HTML5 is giving Adobe a few headaches because it promises to do away with Flash (at least for some apps). Will HTML5 prove as effective as online games as the Flash based games we have become used to? Check it out for yourself by playing the HTML5 games that are hosted on this site.

You can also read a brief mention of this HTML5 games resource in our directory.

HTML5 Readiness

free html5 website

All browsers are readying themselves for HTML5. The half wheel on this site is a visual indicator of each browser’s groundwork so far for HTML5 and CSS3. You can mouseover the 28 features and gauge the stage from the color coded spokes.

From the looks of it, Safari and Chrome are more down the path than the others.

[NO LONGER WORKS] HTML5 Element Reference Table

free html5 website

Periodic Table of the Elements, a project by Josh Duck is a quirky look at the 104 HTML5 elements (and 2 proposed elements) using the layout of a periodic table. Clicking on each cell brings up a brief description with additional references.

HTML5 Test

At a glance you can tell your (browser’s) score when matched up against HTML5 ready features. As soon as the website loads up, the score from a maximum of 300 gets displayed. You get bonus points if the support extends beyond what the HTML5 specification might lay down.

The scores are also color coded which indicate anything between what’s great and what’s not available on your browser.

HTML5 Gallery

HTML5gallery.com parades other websites that are using HTML5 in some form or the other. You can click on the thumbnail and reach the websites on view. It is also a learning platform to see how web developers are implementing HTML5.

Each website profiled has a small note that explains how an HTML5 element has been used to design the website.

YouTube HTML5 Beta

HTML5

The “˜Video’ element is touted as one of the bestselling points of HTML5. You can test it out on YouTube by opting to use the HTML5 player instead of the Flash player for most videos. Your tryouts will also tell you how your current browser is coping with HTML5 videos. Do read the Notes section to note the finer points on the beta effort from YouTube.

Everything says its exciting days ahead. These ten websites on HTML5 are just the early starters of a breed that’s going to explode soon. Hopefully, they will help to put you in the right element to work with HTML5.

Image: justinsonmia

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Anonymous
    July 17, 2015 at 8:09 am

    WTF is HTML5 link no longer works

  2. Adnancollege
    September 11, 2010 at 6:34 am

    good site

  3. Adnancollege
    September 11, 2010 at 4:34 am

    good site

  4. Hermitbiker
    September 10, 2010 at 4:33 pm

    .... a really good collection of HTML5 sites for all the things that you may or may not understand yet !!

  5. Dave
    September 8, 2010 at 6:19 am

    have to agree that flash is better than html5 in terms of design and animation, the good thing w/ html5 though is it does cater more on the programmers side and s.forbes seems to have a hatred w/ flash so its safe to say that mac users would probably find this usefull.

    Although as a designer I still think flash still seems to be a better medium to be used if I want my work to be alot more interactive without me having to go through much tedious coding and whatnots.

  6. Luke Grimstrup
    September 8, 2010 at 2:45 am

    Fantastic resources uncovered here. Looking at the source of some of these pages to is quite revealing as to how easy it is to accomplish HTML5 goodness!

  7. Blahproxy1
    September 8, 2010 at 12:07 am

    Honestly flash still seems to look better than html5, it just looks too plain

    • Dave
      September 8, 2010 at 4:19 am

      have to agree that flash is better than html5 in terms of design and animation, the good thing w/ html5 though is it does cater more on the programmers side and s.forbes seems to have a hatred w/ flash so its safe to say that mac users would probably find this usefull.

      Although as a designer I still think flash still seems to be a better medium to be used if I want my work to be alot more interactive without me having to go through much tedious coding and whatnots.

      • Saikat Basu
        September 8, 2010 at 4:34 am

        If you look at the WTF infographic, they have put out a comparison between the two. Flash has more advanced features of course. But HTML5 is free and more universal and you don't need plugins. I think the great think is that now developers have more choice than ever before. They will go with the one more suited for the purpose. There's no reason why both won't exist side by side.

      • DFS
        September 10, 2010 at 3:42 pm

        What does Steve Forbes have to do with Apple??????

  8. Saikat Basu
    September 7, 2010 at 5:50 pm

    Check out Google's UK page for some dancing HTML5 balls. Mouse-over the logo. It's cool and pretty.

  9. Sitthykun Ly
    September 7, 2010 at 3:39 am

    good post

  10. Wait for it
    September 7, 2010 at 5:25 am

    You forgot THIS !!

    http://www.thewildernessdownto...