Keyten

JavaScript Garden изучай.
Если для опыта, то почитай исходники jQuery (можно Mootools / Prototype) и запили свой аналог.

mathprofi.ru

Серьёзная математика разделяется на много областей, тут, наверное, имеют смысл только:
- Алгебра.
- Анализ.
- Геометрия.
- Дискретная.
- Возможно, логика, но это больше в плане подготовки к 1 курсу.

По алгебре стоит почитать Шеня и Гельфанда (гуглится). Там очень много, от сложения столбиком и до p-адических чисел. Это школьный уровень, дальше -- если хочешь круто знать математику, то Винберг, если освоить линейную алгебру универа -- Ильин-Позняк (профи-математики плюются, правда)), mathprofi, можно Беклемишева, но он нечитаем, имхо. Гайд по решению простейших задач линала универа -- Просветов.
Анализ... тут, наверное, порекомендую просто почитать mathprofi.ru для начала. Стандартно анализ в школе состоит из производной и интеграла на начальном уровне, имхо, имеет смысл учить сразу на более высоком уровне, так что сначала mathprofi, чтобы разобраться в основных определениях, дальше Зорича. Можно полистать Фихтенгольца. Дальше Лорана Шварца и лекции Львовского, но это реально очень высокий уровень.
По геометрии совет мне дать сложно. Впрочем, если говорить не о школьной, а о высшей, то Прасолова-Тихомирова "Геометрия". Дальше была какая-то отдельная геометрия Прасолова, может, даже "Сферическая геометрия", но не уверен. "Geometries" Сосинского, но это на английском. Ну и мне на мой скромный взгляд понравилось у Берже, но это очень-очень серьёзный уровень.
Дискретку, наверное, Хаггарти "Дискретная математика для программистов", можно ещё Новикова. Но тут у меня опыта меньше в знании книг :с
Логика -- Шень, Верещагин.
Общематематическое: Курант, Роббинс.

Можешь порешать листки 57 школы: www.mccme.ru/~merzon/v14 , такой уровень в редком вузе есть.
Если в Москве, то забегай в НМУ (гуглится) на следующий год, если нет -- vk.com/clubium, посмотри лекции. НМУ действительно очень серьёзно апает математический уровень.

Если есть задача сдать ЕГЭ, то reshuege.ru

P.S. познакомился с "Mathematics for Computer Science" от MIT, очень понравилось, если английский не пугает, то очень советую. Гуглится.

Если бы просто белый шум, то здесь явно проход по пикселям и Math.random ).
А полосы можно сверху наложить и анимировать каким-нибудь CSS.

А ещё можете поиграться с принципом цикады, вдруг выйдет что. Чередование наложенных друг на друга картинок, думаю, съест меньше всего ресурсов.

Graphics2D.js
Хорошей русской документации пока нет, но можете писать мне в личку на хабре)

WebGL.

Заюзайте isPointInPath вместе с получением координат мыши.

moveTo, очевидно

Попробуйте странслейтить их на 0.5, 0.5. Вдруг поможет.
А если не поможет, а очень нужно, можно растеризовать, и уже после странслейтить.

Поместите rotate перед отрисовкой текста. Вы ведь хотите сначала повернуть canvas, а потом отрисовать текст, а не наоборот, верно?

А если на чистом JS, то вот так:

var valfield = document.getElementById('name');
var textarea = document.getElementById('textarea');

function clickListener(){
 textarea.value = valfield.value;
}

Graphics2D.js

graphics2d.js.org

Все основные возможности есть, разные дополнительные скоро будут со 2 версией. Если нужна какая помощь, пишите в личку на хабре :)

https://developer.mozilla.org/en-US/docs/Web/API/C...

Canvas имеет 2 контекста -- Context2D и WebGL.
Если первый используется, в основном, для рисования 2D (хотя 3D на нём отрисовать тоже можно, и даже не слишком сложно, поищите на хабре статьи юзера haqreu), то WebGL -- практически полный аналог OpenGL (а на OpenGL работает огромное количество игр и приложений, да хотя бы квейк на нём был). Соответственно, работает быстро, 3D легко рисуется.

Ну и я уже не говорю про огромное количество библиотек для рисования 3D на нём, одна из самых известных -- уже указанный ThreeJS.

Context2d однозначно проще и удобнее, единственное преимущество WebGL -- хорошая скорость отрисовки, т.е. на WebGL ресурсов кушать будет меньше.
Но значимый минус WebGL -- сложность. WebGL гораздо сложнее обычного контекста.

Посмотрите на
1. Библиотеку webgl-2d, это API стандартного 2D-контекста на WebGL.
2. Библиотеки с WebGL-рендером, на данный момент я знаю Pixi.js, в easeljs вроде что-то такое было. В Graphics2D.js, возможно, появится.

Если я вас правильно понял, вам нужно:
eval($data);

Или же

$data = new Function($('[data-ajax="true"]').data("data"));
// тут, возможно, какой-нибудь код
$data();

Но такое считается не очень хорошим кодом.

Одинаковые id - нехорошая идея, id задуманы оригинальными идентификаторами.
Возможно некорректное / неожиданное поведение.

Но вообще говоря, пара вариантов есть, например:

var classes = {};
$('.jspane *[id]').each(function(){
 if(classes[this.id])
  return $(this).remove();
 classes[this.id] = true;
});

Можно использовать не *[id], а .chat[id].