By: Ari Mileikowsky

HTML5

  • 82 percent of browsers support the HTML5 "canvas" element
  • HTML5 is still in it's infancy, expected to come out this year with revisions until 2022
  • It is heavily gaining traction as all modern web browsers are adding support for Canvas, SVG, and WebGL
  • YouTube, Vimeo, and Newgrounds.com are all examples of sites making the switch early to HTML5. Newgrounds is a gaming website pushing new HTML5 games now

Canvas vs. svg

  • Canvas is pixel based while SVG is Shape based
  • Canvas is a single HTML element while SVG has a DOM
  • Canvas can only be modified through script while SVG can be modified through script and CSS
  • Canvas uses an "x,y" event model while SVG uses an abstract "rectangle, path" model
  • Canvas has better performance with a smaller surface, larger number of objects while SVG performs best on a larger surface with a smaller number of objects.
  • Canvas is like Microsoft Paint while SVG is to PowerPoint
    • (Shapes and tools vs. programmable support and themes)

Performance


it depends on the project...

Flash




SummarY:


  1. HTML5 is a disruptive technology though seems to be in a sate of sustaining innovation because Flash is still being used. We appear to be in a transition period to domination similar to the way Flash dominated since 1996.
  2. bet365.com is an example of using Flash and HTML5 
  3. Canvas and SVG will be leading the way in terms of animation in HTML5 but still have a ways to go. They should also not be compared to one another as they're advantages are different respectively. 

WORKS CITED:

· http://www.techrepublic.com/blog/web-designer/html5-vs-flash-the-state-of-the-debate/#.

· http://www.zdnet.com/why-flash-and-html5-need-each-other-7000016737/

· http://news.cnet.com/8301-1023_3-57616770-93/vimeo-speeds-its-online-videos-goes-html5-by-default/

· http://msdn.microsoft.com/en-us/library/ie/gg193983(v=vs.85).aspx

· http://msdn.microsoft.com/en-us/library/dn265058(v=vs.85).aspx

· http://diveintohtml5.info/canvas.htm

· http://blog.accusoft.com/2013/january/html5-vs-flash-infographic

Made with Slides.com