Зачем
Мы ждали-ждали, а конец света так и не наступил, а так хочется праздника! Поэтому мы решили устроить свой собственный армагеддец локального масшаба, сделав для этого поздравительную страничку при помощи javascript'а и css3-анимации. После просмотра можно изменить поздравительную надпись на свою и поделиться результатом с кем захочется. Короче, все как обычно.
Где
Исходники и сам сайт хостятся на гитхабе.
Как
Пострадавшие в процессе работы технологии:
- javascript + jQuery:
для расчета столкновений, создания событий и операций с классами
- CSS3:
для всей анимации
- первый попавшийся под руку Scrolling Parallax jQuery Plugin, прикручивающийся в один пинок:
$.scrollingParallax('img/bg-tile.png', { bgRepeat: true });
- Google Web Fonts
- Сокращалка ссылок is.gd:
выбрана из-за того, что не требует авторизации для работы (а значит не придется ни юзать бэкенд, ни светить логин-ключ в коде). Запрос прост до безобразия: dataType: 'jsonp', url: 'http://is.gd/create.php', data: { format: 'json', 'url': url }
- Бэкенд:
не пригодился оО
Drop a meteor on Earth!