HTML5 & js

Table of Contents

HTML5 Overview.. 2

Canvas 2D drawing, interactive. 3

Js animation & async. 4

Js class, ‘delegate’ & Inheritance. 5

 


 

HTML5 Overview

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, ...)

 

http://slides.html5rocks.com/

 

Browser Supports:

http://findmebyip.com/litmus/

http://html5test.com/

 

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.whatwg.org/specs/web-apps/current-work/multipage/video-conferencing-and-peer-to-peer-communication.html

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

http://jquerymobile.com/

http://phonegap.com/

 

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/

http://mugtug.com/sketchpad/

http://fir.sh/projects/jsnes/


 

Canvas 2D drawing, interactive

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


 

Js animation & async

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


 

Js class, ‘delegate’ & Inheritance

Codes:Run

http://www.joelonsoftware.com/items/2006/08/01.html

http://mckoss.com/jscript/object.htm

http://ejohn.org/blog/simple-javascript-inheritance/

http://odetocode.com/blogs/scott/archive/2007/07/05/function-apply-and-function-call-in-javascript.aspx

 

你可能感兴趣的:(html5)