Новый год в России всегда празднуется с особым размахом. Именно в предновогодние дни мы вспоминает про друзей, коллег и просто знакомых, с кем уже очень давно не общались (наверное, с прошлого НГ ).

В этом (вернее, уже в прошлом) году среди банков можно было наблюдать негласное соревнование - кто креативнее поздравит своих клиентов.
Команда сбербанка предлагает пройти тест, чтобы определить какой новогодний бизнес вам подходит. Тинькофф банк предлагает занимательный калькулятор расходов\доходов за год в веселой, шуточной форме.

А мы с командой Emailmatrix работали над новогодним проектом для Райффайзен банка, о котором я немного здесь и расскажу.

Задача загрузки файла на сервер тривиальна и рассматривается в любом пособии "для начинающих" в первых же главах. Но в то же время, организация удобного интерфейса загрузки является очень важным аспектом для любого web-приложения. Раньше для этого часто использовался flash, так как он позволял производить предварительную обработку изображений, сжатие, а также иллюстрирование хода загрузки.

С появлением HTML5, применение flash потеряло актуальность. И прогресс бары, иллюстрирующие ход загрузки файлов, и предварительную обработку изображений можно реализовать на новом технологическом стандарте. =)

В данной статье я расскажу о том, как реализовать предварительное сжатие изображения до отправки его на сервер.

С совершенствованием технологий, увеличения скорости интернет соединений появилась отдельная категория сайтов, единственной целью которых является реклама товаров или услуг, причем зачастую делается под каждый конкретный продукт отдельный сайт. Такие сайты отличаются от привычных ярким запоминающимся дизайном, использованием анимации, простым и понятным интерфейсом и практически полным отсутствием функционала. Их называют промо сайтами (promotion - продвижение, реклама).

В этой статье я расскажу о несложном, но весьма эффектном приеме, который отлично впишется в концепцию промо сайта.

Данный эффект был предложен дизайнером вот для этого проекта: http://www.jungly62.ru/

Если использовать корректную формулировку, то это называется Паралакс эффект - изменение видимого положения объекта относительно удалённого фона в зависимости от положения наблюдателя. Хотя, на самом деле, этим термином в верстке обычно обозначают немного другой эффект (parallax scrolling). Так что назовем его "упрощенный паралакс" или parallax mouse. Как видно из названия, мы будем реагировать на изменение положения мыши.

Это небольшой отчет о проекте http://the-end.info

Для начала, пара слов о целях и задачах, которые ставились перед ним. Мы хотели создать интересный с технической точки зрения и необычный сайт, дабы хоть и косвенно, но заявить о себе. Отчасти, нам это удалось - в наш адрес (а точнее адрес сайта) мы слышали в основном положительные отзывы, негатив исходил лишь от противников Конца света как такового.

Первоначально пришла идея создания апокалипсических календарей на 2012 г., но по ходу развития идеи, она уже не могла уложиться в рамки 10х6 см и тогда было решено сделать сайт.

а теперь, обещанный "отчет" и некоторые, на мой взгляд, интересные приемы: