I have been saying for several years that I needed to know more about HTML5. More-so since Apple pushed towards it, rather than flash. I read the supported browser features in detail in 2010, and concluded that as a replacement for HTML4, I would need to wait. The commercially funded browsers where stating support for the version, in that they accepted the DOCTYPE header, not the useful features of the HTML5 spec.

UPDATE 2016: I am completing a project which is written with HTML5. The future is now.

HTML5 toys

These are some toys that people have written without flash, ActiveX, film, animated gifs, or doing everything in JS.

  1. http://www.ellipsetours.com/Demos/storage/
  2. http://fribly.com/2013/08/22/long-shadows-generator ~ css shadows
  3. http://cssfaces.com/
  4. http://www.optimum7.com/internet-marketing/design/pure-css3-animated-at-at-walker-from-star-wars.html
  5. http://www.hongkiat.com/blog/48-excellent-html5-demos/
  6. http://www.hongkiat.com/blog/coding-graphics-with-css3/
  7. . . . I will add more

Browser support

I need to do commercial targeting. There is no point in spending developer time when most of audience can't use what you built. According to 1, MSIE is most important in the USA and PRC, but Firefox in Europe. MSIE9 doesn't do the HTML5 forms very well 2 3 ~ this resource was recently updated. All the browsers have good support for video 4. M Pilgrim has made a large document 5 on HTML5 support. This chart is much easier to read 6.
If you want to use a canvas, you need to ensure that your audience is using recent browsers (MSIE specifically) 7. The other important feature is data storage on client, the basic value pair is supported nearly everyone8, but the larger scale ones are being developed more slowly.

Browser populations

The last paragraph is what browsers support what, not how many people use each browser. I am referencing lots of sources, as most are reporting from their own logs. Different people look at different bits of the internet. The wiki usage is listed for June 2013, and reports dominance by Chrome. This trend is repeated by w3c schools, their breakdown for MSIE reports that 1 in 20 are using MSIE 8. Statcounter reports confusing information. I limited the display to England, as that my market; and it says the biggest category is “other”. The only thing to make that match the other analysts that I can see, is they are categorising 'mobile' as 'other'. The marketing company net market share reports a strong usage by MSIE8 (biggest single segment). Likewise TNW reports dominance by MSIE8, and biggest gain to Chrome.
I used to reference Jupiter media, to avoid excessive concentration on technology people, but they seem to have withdrawn the service. Technology people obviously put technology ahead of other considerations, and making sites with it for them; won't reach the more numerous demographics. The obvious successor would be Newrelic, but they aren't publishing general figures for their whole client base.

Update May 2014: a recent article by a developer at the BBC 9 states that MSIE8 is still a commonly used webrowser on their site. As such support for this is still necessary.

URL list on HTML5, not using HTML5

  1. http://dev.w3.org/html5/html-author/ ~ The master spec, from 2010.
  2. http://www.w3.org/html/wg/drafts/html/master/syntax.html ~ WG, but 2013
  3. http://www.scratchinginfo.com/10-intensive-html5-infographics
  4. http://html5test.com/
  5. http://html5test.com/results.html
  6. http://www.texaswebdevelopers.com/html5/
  7. http://msdn.microsoft.com/en-gb/magazine/hh394148.aspx
  8. http://en.wikipedia.org/wiki/HTML5
  9. http://smashingmagazine.typeandgrids.com/
  10. prototype tools, some html5 http://www.netmagazine.com/features/top-25-responsive-design-tools
  11. http://html5doctor.com/
  12. http://www.techrepublic.com/blog/web-designer/check-out-css-wizardry-for-guidelines-to-write-clear-maintainable-css/
  13. http://simpleprogrammer.com/2013/09/03/responsive-design-waste-time/ ~ responsive or not
  14. http://mozilla.github.io/brick/index.html
  15. http://visual.ly/html5-why-developers-need-it
  16. http://www.devbits.me/the-useful-html5-form-attributes/

HTML5 market place

RSS. Share: Share this resource on your twitter account. Share this resource on your linked-in account. G+

HTML5 market place

RSS. Share: Share this resource on your linked-in account. Share this resource on your twitter account. G+ ­ Follow edited