Table of Contents
Canvas 2D drawing, interactive
Js class, ‘delegate’ & Inheritance
HTML5 ~= HTML + CSS + Javascript
New features: Offline storage database, Realtime Communication, Drag-and-drop, Graphics, Multimedia, WebGL…
Organization & Standards: WHATWG(HTML5), W3C(CSS, HTML, XML, SOAP, ...), ECMA(ECMAScript, CLI, ...)
Browser Supports:
Video/Audio Supports:
http://diveintohtml5.info/video.html
http://en.wikipedia.org/wiki/HTML5_video
Media Capture:
http://www.w3.org/TR/html-media-capture/
http://www.taboca.com/p/camcanvas/
vs Flash/Silverlight/.. :
Thoughts on Flash (Steve Jobs, 2010.4)
http://en.wikipedia.org/wiki/Comparison_of_HTML5_and_Flash
Will there be a Silverlight 6 (and does it matter)?
Microsoft’s strategy with Silverlight shifted
Mobile Browser Supports:
http://en.wikipedia.org/wiki/HTML5_in_mobile_devices
Graphic Designer:
http://en.wikipedia.org/wiki/Adobe_Edge
http://www.adobe.com/devnet/edge/articles/guide-to-edge.html
Showcase
http://www.chromeexperiments.com/
…
API: http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html
Tutorials:
http://home.cogeco.ca/~ve3ll/jstutorg.htm
http://simonsarris.com/blog/225-canvas-selecting-resizing-shape
http://www.html5canvastutorials.com/
Codes:Run
setInterval / clearInterval, setTimeout / clearTimeout
Codes:Run
Some Librarys:
http://jqapi.com/#p=animate jquery animate
https://github.com/JeffreyZhao/jscex http://www.sndacode.com/projects/jscex/wiki move.html sorting-animations.html
http://www.infoq.com/articles/surviving-asynchronous-programming-in-javascript
http://www.neilmix.com/narrativejs/doc/
http://www.infoq.com/articles/stratifiedjs
Codes:Run
http://www.joelonsoftware.com/items/2006/08/01.html
http://mckoss.com/jscript/object.htm
http://ejohn.org/blog/simple-javascript-inheritance/