[Erolast]

1) Сверстайте всплывающее окно (попап) — элемент, который показывается поверх содержимого веб-страницы. Он должен всегда находиться в её центре, при этом размер контента может меняться. Предложите максимальное количество решений и объясните, какие у каждого из них есть недостатки и преимущества. Результат пришлите в виде ссылки на GitHub.

2) Есть страница с «эквалайзерами»: контейнеры произвольных размеров (квадраты 100px, 200px и 300px) заполняются столбцами шириной по 2 пикселя (задаётся параметром). Каждую секунду столбцам задаётся случайная высота в пределах размеров контейнера. Далее при помощи анимации высота столбцов возвращается к середине контейнера.
Реализация находится в html-файле: https://github.com/yandex-shri-minsk...ster/test.html

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

Работоспособность в IE 8 и ниже не требуется.

Дополнительно:

Добавить помимо анимации «спада» ещё и анимацию «роста»
По возможности оформить в качестве jQuery-плагина или напишите без jQuery
Результат пришлите в виде ссылки на GitHub.

3) При помощи d3.js сделайте интерактивную визуализацию произвольного массива точек, которые плавно и неравномерно меняют цвет от красного к жёлтому и обратно, находятся в броуновском движении и «убегают» от курсора. Результат пришлите в виде ссылки на GitHub.

А волшебным словам не учили, да?