Сергей Соколов

Используйте метод jQuery .data():
<div id="mydiv" data-modal-name="Ololo"></div>
var modalName = $('#mydiv').data("modal-name");
Fiddle

Написал вам пример с переходом, где по каналам R, G и B считается промежуточное значение. Цвета A и B надо задавать строго как 6-значные 16-ричные строки.

Такой вариант проще в реализации, но хуже по качеству – по-моему, средние цвета невзрачны и неправильны.

Качественно, по-крутому, надо переводить цвета в модель HSL или HSB, в тех каналах считать промежуточное значение, и конвертировать его обратно в RGB для отображения.

Глаз (© Artur Vill) сделал, разумеется, не "Зоракс" (как и всё остальное, засвеченное в нарезке).

Математика нужна, но не особо сложная. В большинстве случаев достаточно тригонометрии и общие представления о функциях.

10к в одной папке может быть проблемой. Я бы раскидал по дереву папок, скажем, по сотням от 0 до 20, и числам:

1234 => /12/34/ => и там пять файлов
0001 => /00/01/
2000 => /20/00/

У себя в одном проекте я организовал примерно похожую структуру папок, но чуть усложнил – т.к. число папок не равномерно для разных корневых папок, я зеркалирую порядок битов в каждом номере, и бью на уровни по шестнадцатиричным буквам:

число  двоичное        наоборот        hex  папка
0001   0000 0000 0001  1000 0000 0000  800  /8/0/0
1234   0100 1101 0010  0100 1011 0010  4B2  /4/B/2
0173   0001 0111 0011  1100 1110 1000  CE8  /C/E/8
2000   0111 1101 0000  0000 1011 1110  0BE  /0/B/E

Так в каждом уровне папок у вас будет не более 16 подпапок.

А ещё, может быть, вы не делаете предзагрузку звуков? Стоит начинать скачивать звуковой файл сразу, как становится ясно, или вероятно, что он понадобится. Чтобы на момент начала воспроизведения файл уже был загружен.

Я только про «упаковку» напишу. Не хватает английского языка – сразу понятно, что уровень не разговорный. "Prophet" – это скорее, «пророчество», «предсказание», чем прогноз. Прогноз погоды – "weather forecast". Та же претензия к содержанию Readme. Помимо языка, Readme не полон, т.к. не даёт толком никакого представления о продукте. Ссылка на демо или хотя бы скриншоты не помешали бы подтвердить, что выглядит действительно красиво. Как устанавливать, какие зависимости, примеры интеграции, API, ссылки на использованные компоненты, может. Не видно тестов.

Для себя наскоро написал простое расширение под FireFox, просмотрев их гайд по созданию расширений. Понадобилось установить nodejs и jpm.

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

Cохраняйте кликнутую ссылку. Если кликают впервые, её ещё нет среди сохранённых:

var used=[];
function checkIt(e){
    if( !~used.indexOf( this)) used.push( this), e.preventDefault();
}
$('.notsofast').on('click',checkIt);

Fiddle

ТС уточнил, что при клике по другим ссылкам, нужно «обнулять» посчитанные ранее. Тогда проще – надо запоминать только один элемент, кликнутый ранее:

var used;
$(".categoriesPage .categoryBox .textBox").on("click", function(){
    if( used !== this) used = this, e.preventDefault();
}

Если трудно – значит, на этом учишься. Так и должно быть. Можно учиться на абстрактных задачах, можно на реальных – была бы разница «до» (– Не знаю, как вообще к этому подойти!) и «после» решения (– Ха! Так вот, как оно делается, совсем не сложно!).

Попробуйте себя в тех задачах, которые лично вам близки и интересны. Может, это генеративный арт – когда скрипт генерирует какие-то оригинальные узоры, рисунки, анимации, GIF'ы, которые потом все расшаривают в сетях. А может, реальные задачи, за которые платят.

Не важно, как – целиком своим умом, или с помощью коллеги, соседа, StackOverflow или Toster'а вы в итоге решите задачу – главное, решите, и уже будете понимать, как подобное делать.

Поэтому работать лучше там, где вы по началу даже чуть-чуть не дотягиваете до уровня вакансии, где коллеги кругом все круче вас – это для вас идеальное место, где вы будете расти наиболее быстро.

Что касается примера с выводом в консоль. Как и с любой другой необъятной, «сложной» и непонятной задачей – бейте её на более мелкие, отбивайте кусочки, которые можете решить сразу самостоятельно. Вывод в консоль – можете вывести "Hello world?". Отлично, сделано. Вывести первую строку. Прекрасно! Вывести вторую? Мега. Теперь, может, что-то оптимизируем – ведь 1-я и вторая по сути очень похожи? И так далее, пока не образуется решение в одну строку, а вы отправитесь пить кофе, почитая себя гением на сегодня. : )

Чат / консультацию поднимите на nodejs сервере + socket.io – есть готовые примеры. Для чата и любого взаимодействия в реальном времени – websockets хороший выбор.

Вот похожий пример tympanus.net/Tutorials/HexaFlip/index3.html

1. Можно просто записать 6 пар перестановок:

function swap(arr, a, b){
    var tmp = arr[a];
    arr[a] = arr[b];
    arr[b] = tmp;
}
var a = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];
swap(a,1,4);
swap(a,2,8);
swap(a,3,12);
swap(a,6,9);
swap(a,7,13);
swap(a,11,14);

2. Можно шагать с инкрементом 4 и брать остаток от деления на 15:

var a = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15] ,tmp;

function pivot(a) {
    var i, result = [];
    for( i=0; i<60; i+=4) result.push(a[i%15]);
    result.push(a[15]);
    return result;
}

var b = pivot(a);

Интересный вопрос. Не полное решение, но поможет найти: Fiddle, где опеределяют позицию курсора в редактируемом элементе с html тегами.

Пусть скрипт берет образцы для замены из страницы, а не несет в себе захардкоженные.