Javascript

Coding

• Reference: mozilla, w3school, caniuse, try: jsfiddle
• General: Douglas Crockford videos Generic, DOM, Advanced (2006); mozilla
• Specific: passing arguments, bindings
• Optimise: mozilla, google, try: jsperf
• Design patterns: addyosmani, MVC, GUI architecture
• Minimise: closure, yuicompressor, jsmin
• Canvas: mozilla, opera
• WebGL: mozilla
• License: Javascript Trap

Graphic libraries

• Generic: processing.js, raphael
• Carousel: caroufredsel and coolcarousels, Elastislide

Examples apps: Sketchpad, Zwibbler, javascript-drawing-program, create-html5-canvas-javascript-drawing-app

Mobile

• Touch events: html5rocks
• Viewport: https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
• Example apps: Aviary, Photoshop Express
• 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

Debugging

At the moment, it is easier to debug in browsers:

• Chrome: {wrench} > Tools > Developer tools (or Ctrl + Shift + i)
• Firefox: {Firefox} > Web Developer > Inspector (or Ctrl + Shift + i, k for the Web Console)