10 Useful Infographics about HTML5

Sep 19 2012 by Jacob Gube | 15 Comments

Whether you need to quickly get up to speed with HTML5 or are in search of easy-to-digest resources that you can use to educate your clients about this web technology that’s creating a huge paradigm shift in the web and mobile development ecosystem, this collection of infographics that visualize HTML5 facts and figures will help.

If you’d like to go to the source of an infographic so that you can find a larger version and learn more about the infographic, click on the respective title or preview image.

1. HTML5: Past, Present and Future

This infographic is an overview of the state of HTML5 in web and mobile apps, with data on HTML5-capable mobile web browsers, browser compatibility, and more.

2. WTF is HTML5?

This is a simple primer on HTML5, which can be an excellent educational reference for your clients. The original source of this infographic is no longer available.

3. History of HTML5

This infographic traces the progression of HTML5, starting in 2004 when the Web Hypertext Application Technology Working Group (WHATWG) was formed.

4. HTML5: Why Developers Need It

Some compelling data on why web developers should start using HTML5 (like 74% of the browser market is HTML5-compatible) are shown in this infographic.

5. HTML5: I’ve Seen the Future – It’s in My Browser

Over 34% of websites use HTML5 in some way, but the browsers with the largest combined market share as of January 2012 (IE6-IE8) don’t have HTML5 support.

6. Taking HTML5 to the Next Level for Mobile

This infographic includes a visualization of data about mobile web browser capabilities (gathered using Ringmark).

7. The Wonderful World of HTML5

According to this infographic, over 2.1 billion mobile devices with HTML5-capable browsers are estimated to exist by 2016.

8. The Hype versus Reality of HTML5 Deployment

This infographic commissioned by Zipline Games argues that, for mobile gaming, HTML5 lacks in "reach, technical capabilities, and market results" compared to Flash.

9. HTML5 vs Flash Games

This is another infographic that matches up HTML5 games and Flash games by comparing their distribution method, CPU usage performance, security, and so forth.

10. The History of HTML5 in Line with Popular Culture Events

This interesting infographic places HTML5 milestones side-by-side with pop culture events happening at the same time of the milestone.

About the Author

Jacob Gube is the Founder and Chief Editor of Six Revisions. He’s also a web developer/designer who specializes in front-end development (JavaScript, HTML, CSS) and also a book author. If you’d like to connect with him, head on over to the contact page and follow him on Twitter: @sixrevisions.

15 Comments

Damian

September 19th, 2012

Nice collection, I think it’s time to start learning HTML5.

Anders Tolborg

September 20th, 2012

Pretty ironic that most of these infographics are images and not generated via code :S

Maria

September 21st, 2012

Great post. I’m really enjoying matching some of the history next to my own journey. I’m certainly excited about HTML5

Patil Makarand

September 21st, 2012

Excellent collection of Infographics at on place. Thanks for the imformation

mad.madrasi

September 22nd, 2012

Wow! Awesome post. Reading through the info-graphics gives a fair idea of what html5 is about and its current state. Just as @Damian says, time to learn html5

Mick

September 23rd, 2012

The ninth infographic “html5 vs. flash” resonates with me the most as it covers a lot of the feeling I have about html5. Sure it’s a great new technology to start playing with, but as that infographic covers very well are the benefits of Flash over present day html5.

I’m hoping html5 will one day get to the advanced level of flash, but in its present form the tech is still far too underdeveloped and adpoted.

Ben

September 24th, 2012

Can be useful to convince that HTML5 is now a standard.

Dylan C

September 26th, 2012

Good visual information on HTML5. Good collection

Anthony

September 29th, 2012

This Infographics collection gives a clear idea of how powerful HTML 5 language is and suggests soon HTML 5 will be in mainstream.

Delilah

October 1st, 2012

Nice infographs :) I started learning HTML few months ago 10x for the journey through history :)

Chris Lever

October 5th, 2012

I love all those infographics, I noticed more than one was created by Wix, They are really pushing for HTML5 in the last year or so.

Pallab Kakoti

October 7th, 2012

awesome…..well done…..very nicely & engagingly explains….many thanks

Jack Tyler

October 15th, 2012

Hi Jacob Gube. Your 10 infographics about HTML5 is indeed very useful. It gives clearer idea on how HTML 5 works. Because of this information I’m interested to learn HTML 5 now. Though HTML 5 is not that developed well unlike FLASH but I know it could be of a useful.

Paul

October 16th, 2012

Thanks Admin very nice collection!

Earl

October 17th, 2012

“Flash is supported by 99% of browsers.” Exactly how many browsers are out there that led to this percentage? It’s like watching a germicidal soap commercial.

However, I do acknowledge the growth of html5. I don’t think it’ll boom that early next year, though. Perhaps around July onwards? Still, it’s a good reason to start planning for it.

Nonetheless, thanks for this illuminating post.

Six Revisions