Dark Hole

Мне кажется, за всем нагромождением Area и прочих, вы забыли про конструктор Image и drawImage.

P.S. Вот тут годное описание всех функций Canvas с примерами. К сожалению, на английском(

Все не так! Отслеживание изменений - onkeypress + setTimeout(0). Собственно получение -

var array = a.value.split(/\,\s?/).map(function(e) { return parseInt(e); });

Это разные вещи) Appcach - доступ к кэшу, SW - это worker, который еще может много чего делать

Много, много говнокода.
Проблема, скорее всего здесь:

$("#btn2").click(function(){
  var a = '<br><input type="text" val="">';
  $("input:last").after(a);
});

window.onload = function() {
  setTimeout(function() {
    var video = document.getElementById('video');
    video.play();
  }, 1000);
}

Как-то так.

WebSocket. Можно использовать Socket.io если у вас на бэкенде Node.js - будет очень удобно.
Для кроссбраузерности под треклятую Opera Mini можно еще посмотреть на ServerSentEvents и Ajax-запросы(он XNR)

Ничего крутого, выравнивание по центру.

Начнем со сниппетов.

В Atom есть очень хороший стандартный сниппет - CTRL + /. Как вы уже догадались, он создает комментарий и, кстати, очень хорошо работает с выделением. Что касается специализированых сниппетов - если поставить плагин на JS(если не ошибаюсь) добавляются всякие там TODO и HACK.
Что касается оформления комментариев - тут так же, как и с кодом: главное - красиво и читабельно. Стоит уяснить всего две простые вещи: комментируйте только основные моменты и отличайте коммиты от комментов. Первое - просто. Не нужно пояснять каждую команду, объясняйте, что происходит, для чего та функция или переменная. Второе - сложнее. Нужно понимать, чтто в коммитах объясняют ПОЧЕМУ вы исправили и дополнили код, а в комментариях именно про общую картину.

Удачных комментариев)