https://github.com/nekr/holyjs-2017-competition
https://github.com/nekr/holyjs-2017-competition
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nekr/holyjs-2017-competition
- Owner: NekR
- Created: 2017-12-03T00:05:44.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-12-02T20:24:33.000Z (over 7 years ago)
- Last Synced: 2025-01-25T22:25:45.913Z (4 months ago)
- Language: JavaScript
- Size: 127 KB
- Stars: 0
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Розыгрыш билета на HolyJS 2017 Moscow от SPB Frontend
Конкурс проводится до 4 декабря 2017 до 18:00 МСК.
Будут рассматриваться только коммиты сделанные до этого времени.
## Задание
При попытке наведения на логотип буквы должны разлетаться по экрану в случайные места. После того как они разлетелись при попытке наведения на любую букву все буквы меняют позиции.
Через 5 секунд после последнего измения положения буквы должны собраться в изначальных позициях.
Форкайте репозиторий, присылайте Pull Request, можно творить что угодно, переписать на Ember, использовать jQuery, можно менять минификаторы, как угодно менять сборку. Но нельзя изменять index.html
Необходимо строго соблюсти все условия, победитель будет определен согласно метрикам, в случае если два участника пришлют решения с одинаковыми метриками, то победит тот, у кого последний коммит был раньше.
## Условия
- Ни на одну букву нельзя навести курсор;
- Буквы должны сохранять порядок следования слева направо;
- Буквы не должны налезать друг на друга;
- Не должны вылетать за вьюпорт;
- Внешний вид (кроме цвета) и начальные позиции букв должны остаться такими как есть;
- Буквы должны учитывать фон, на котором они находятся, на черном должны быть белыми, а на белом — черными.
- Это условие *опционально*, не строго обязательно: если буква попадает на стык между разными фонами, буквы должны быть раскрашены частично с учетом фона;
- Должно работать в Chrome 62 без включенных флагов.
## Метрики
- В первую очередь будет учитываться размер собранных bundle.css и bundle.js файлов после команды `NODE_ENV=production yarn build`;
- Во вторую очередь при равных размерах время на layout и repaint (замер по вкладке Perfomance в Chrome Dev Tools).