new controls functionality skeleton
Now using Hammer.js for touch gestures
Swiping over footer to change mode (static picture/video). Static is default.
rearranging styles for video mode
using proper elements (buttons/progress) for video controls
record video with progress bar (warning: it's buggy!)
cache references
stop/resume recording video
Months are 0-based (for the timestamp)
update to latest version of Animated_GIF with better render progress reporting
HTML formatting, also set initial viewport scaling to 1.0 -mostly for mobile!
use 'hold' instead of touch down for taking pictures in static mode - this won't conflict with swipes
also adjust hold threshold to make it a bit faster than the default 500 ms
display "swipe left or right" message over the processed image and fade it out after a while
display elapsed time while recording
don't allow to add more frames while rendering!
Better distinguish between rendering/recording status (though the colours might not be the best), also reset bar value to 0 when rendering starts
Make use of the whole height of the screen, but make sure the canvas is smaller or equal than the window (specially helpful for mobiles with large video size). Also upscale using CSS style (if there's room).
remove invalid properties from CSS file
slightly refactor CSS as per CR suggestions
fix indentation as per CR suggestions