trushka

нужно конкретный код смотреть - на игеещт по-любому должен клик срабатывать - скорее всего, что-то его перехватывает. Опять же, если button в форме, может отмена события submit блокировать клик, мало ли что там у вас..

trushka.narod.ru/sketch0 и trushka.narod.ru/sketch - это когда-то делал.. Ну, отправка на сервер не работает, так как на укоз залил. Кстати, из-за этого может с первого раза не работать вообще, если покажет рекламу в попапе - там видно укоз jQuery более новым переписывает, я давно писал, ещё bind-unbind для обработчиков использовал.. В общем, если не захочет рисовать (а в /sketch/ показывать попап с рисовалкой) - просто перезагрузить страничку

В sketch0 использовал кривые безье многоточечные для рисования, но потом уже допиливая, понял, что положительно влияет на плавность это намного меньше, чем отрицательно на производительность - в общем, в sketch просто равномерно заполняется кружочками отрезок между предыдущей точкой срабатывания mousemove и текущей. Кстати, чтоб не было "лесенки", кружочки заполняются градиентом, но точки генерируются так часто, что полупрозрачной оказывается только самая кромка линии - это сделано для одинакового отображения в разных браузерах, есть более простой способ - рисовать прямые отрезки между точками и добавлять к ним размытие или размытую тень. Но тогда они по-разному отображаются в разных браузерах. Для ускорения "кисточка" генерируется один раз в скрытом canvas'e, и потом вставляется как картинка. Толщина меняется колёсиком мыши

Скрипт там основной - editor.js Там конечно не очень.. этосамое, но разобраться, я думаю, можно. Кстати, там ещё предусмотрена "история" - после каждого mouseup текущее состояние холста сохраняется в картинку, добавляющуюся в массив. Потом при возврате выводится соответствующая картинка на холст. В общем вот такой вот вариант)

При ресайзе надо либо добавлять, либо убирать меню в зависимости от ширины (хотя правильнее сделать это в css с помощью медиазапросов), при этом проверка размера должна быть ВНУТРИ обработчика resize, а сам обработчик вызвать сразу после создания:

$(window).resize(function(){
  if ((window).width()<150) {...}
  else {...}
}).resize()

А скрипты надо сразу выполнять. и проверять необходимость их выполнения не размером экрана, а, допустим, наличием touch-events, если они для нормального функционирования тачскрина, например.

Вместо textarea использовать div с contenteditable, а там можно уже и оборачивать нужное в span.

Задаём div'y overflow-y:hidden (или scroll, так даже лучше, поскольку можно скролить колёсиком, пальцем, стрелками на клавиатуре, но надо обернуть в ещё один div c overflow: hidden, чтоб скрыть скроллбар )

div=$('div');
// при клике на стрелку
div.animate({scrollTop:([нажата кнопка "вниз"]?'+=':'-=')+div.innerHeight()})

)

Вообще можно проще: return a=='1'

псевдокласс : has пришёл из jQuery: api.jquery.com/has-selector
Так что можно одной строчкой: $('.wrapper:has(span)').addClass('hidden')
https://jsfiddle.net/trushka/d0tdd76s/2/

Можно textarea вместо input использовать, тогда submit по энтеру не будет срабатывать

Надо не $('.file_upload').click(function() {.., а $('.file_upload').one('click', function() {...
Чтоб клик только один раз сработал после каждого change

Сделайте передачу данных по мере заполнения

(function(){...})()

Из-за того, что страница после загрузки сама мгновенно прокручивается к якорю, я делал такой хак: якорь задаётся скрытым тегом (с display: none) перед нужным блоком, тогда при переходе по этой ссылке положение страницы не меняется, а при загрузке к ней не прокручивается. А для плавной прокрутки после загрузки - чючють переделаный код от Bowen

$(window).on('load', function(){
  var top = $(window.location.hash+'+*').offset().top;
  $('html,body').stop().animate({
    scrollTop: top
  }, 1000);
});

Кстати, можно и сначала на ready вызвать, а потом и на load, если есть вероятность, что из-за подгрузившихся картинок или скриптов блок может сдвинуться