Javascript

Coding

• General: Douglas Crockford videos Generic, DOM, Advanced (2006); mozilla, Passing arguments
• Optimise: mozilla, google
• Design patterns: Addyosmani, MVC
• Bindings: alistapart
• Minimise: closure, yuicompressor, jsmin

Graphic libraries

• Carousel: caroufredsel and coolcarousels, Elastislide
• Processing.js: http://ejohn.org/blog/processingjs/
• Raphael: http://raphaeljs.com/

References:

• Canvas: https://developer.mozilla.org/En/HTML:Canvas
• WebGl: https://developer.mozilla.org/en-US/docs/WebGL

Drawing tools

• Aviary: http://www.aviary.com
• Zwibbler: http://stevehanov.ca/blog/index.php?id=93
• Sketchpad: http://mugtug.com/sketchpad/
• http://madkingsmusings.blogspot.com/2010/08/javascript-drawing-program.html
• http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

Mobile

• jquerymobile
• Menus as in http://www.aviary.com/ or http://www.photoshop.com/products/mobile/express/android
• iphone simulator: http://iphone4simulator.com/, also see iOS Human Interface Guidelines
• android simulator: using the Android SDK from http://developer.android.com (see also steps from buildcontext android-browser-emulator
• CSS3: @media screen and (max-width: 600px) {}
• Touch events: http://www.html5rocks.com/en/mobile/touch/
• Viewport: https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

Other Examples

• Opera lesson: http://dev.opera.com/articles/view/html5-canvas-painting/
• DICOM read: http://forums.dcm4che.org/jiveforums/thread.jspa?threadID=2509

License

• The Javascript Trap: http://www.gnu.org/philosophy/javascript-trap.html

Design

• GUI architecture: http://www.martinfowler.com/eaaDev/uiArchs.html

Debugging

I did not find a good solution for debugging using eclipse. At the moment, it is easier to debug in browsers:

• Chrome includes a debugger by default under {wrench} > Tools > Javascript Console. Allows to view created html, put breakpoints...
• Firebug for Firefox. Similar to the chrome javascript console.