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.