Pull to refresh

Свой собственный CSS3-армагеддон

Lumber room
Awaiting invitation
image

Зачем


Мы ждали-ждали, а конец света так и не наступил, а так хочется праздника! Поэтому мы решили устроить свой собственный армагеддец локального масшаба, сделав для этого поздравительную страничку при помощи 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!
Tags:
Hubs:
You can’t comment this post because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.