Уже 3 с лишним года занимаюсь дизайном и версткой почтовых рассылок, которые ориентированы на англоязычных пользователей. За время работы перелопатили огромную кучу информации, перепробовали много вариантов верстки, набили достаточное количество шишек. Были найдены и исправлены типичные баги, которые в той или иной мере повторялись во всех почтовых клиентах. Также нашлись проблемы с некоторыми CSS свойствами — различные почтовые клиенты интерпретировали их по разному. Каждое письмо тестировалось на самых популярных почтовых клиентах: Gmail, Outlook, Yahoo, Android, iOS, MozillaThunderbird, Microsoft Outlook, The Bat. Рассылки ходят на сотни миллионов пользователей и приносят очень хорошие результаты. Итак, приступим к изучению.
Юрий @YuriPikin
Пользователь
Кастомные социальные кнопки
5 мин
74KНедавно участвовал в разработке одного проекта — фото конкурса. По задумке, рейтинг фото альбомов должен формироваться из суммы всех публикаций в социальных сетях: Facebook, Вконтакте, Twitter. Т.е. общий рейтинг фотоальбома расчитывается:
На макетах, вид кнопок несколько отличался от предоставляемых социальными сетями плагинов, формируемых функциями api. В частности вид счетчиков:
Помимо несоответствий с дизайном, каждый плагин формирует излишний хтмл код, а хотелось бы лаконичный.
Детальнее ознакомившись с api каждой сети, окончательно убедились в отсутствии расширенных возможностей для кастомизации кнопок и этот факт понять можно, все стремятся к единоборазности своих кнопок. Решили отказаться от использования готовых плагинов и сделать свои кнопки.
Итак:
Рейтинг фотоальбома = кол-во «Share» в Facebook + кол-во «Сохранить» в Вконтакте + кол-во «Retweet» в Twitter
На макетах, вид кнопок несколько отличался от предоставляемых социальными сетями плагинов, формируемых функциями api. В частности вид счетчиков:
Помимо несоответствий с дизайном, каждый плагин формирует излишний хтмл код, а хотелось бы лаконичный.
Детальнее ознакомившись с api каждой сети, окончательно убедились в отсутствии расширенных возможностей для кастомизации кнопок и этот факт понять можно, все стремятся к единоборазности своих кнопок. Решили отказаться от использования готовых плагинов и сделать свои кнопки.
Итак:
- количество лайков будем получать от REST сервисов каждой социалки
- кнопки рисуем свои и обрабатываем событие click
+89
Интеграция с ВКонтакте на базе Open API
8 мин
47KСоциальная сеть ВКонтакте предоставляет широкие возможности для интеграции со сторонними сайтами. В основном эти возможности представлены уже готовыми виджетами. Однако, есть еще и Open API, которое позволяет не только авторизовать пользователя, но и выполнить любой метод, доступный приложениям ВКонтакте (ВКонтакте API).
+69
Обзор курьерских служб для интернет-магазина — 2
3 мин
33KНесколько месяцев назад я провел небольшое исследование, в котором сравнивал разные курьерские службы (КС), которые предлагают различные услуги для интернет магазинов. По прошествии нескольких месяцев я решил посмотреть как изменилась ситуация, появились ли новые игроки на рынке, не изменились ли цены.
Для написания первой статьи я посещал сайты компаний и собирал информацию оттуда. В этот раз я решил пойти другим путем и дать самим компаниям возможность рассказать о себе. К сожалению, попытка провалилась — ответило только 4 компании из 15. Честь им и хвала — Навигатор-Курьер, Аксиомус, О-Курьер, ЮниЭкспресс .
Для написания первой статьи я посещал сайты компаний и собирал информацию оттуда. В этот раз я решил пойти другим путем и дать самим компаниям возможность рассказать о себе. К сожалению, попытка провалилась — ответило только 4 компании из 15. Честь им и хвала — Навигатор-Курьер, Аксиомус, О-Курьер, ЮниЭкспресс .
+44
Monkey Island Special edition — классика жанра в обновленном виде
1 мин
1KСпустя 19 лет после появления серии LucasArts перерисовали замечательнейший квест всех времен и народов — Tales of the Monkey Island.
Было:
Стало:
Приятные эмоции и ностальгия под катом…
Было:
Стало:
Приятные эмоции и ностальгия под катом…
+99
10 вещей, которые никогда не преподаются программистам в вузах
2 мин
9.7K10 вещей, которые никогда не преподаются программистам в вузах.
Программисты зачастую имеют большое эго. Поэтому часто бывает трудно осознать, что мы не правы в чем-то. Я видел много споров относительно архитектуры проектов, где разработчики расхваливают свои идеи. Но, предположим, что мы все неправы. И отличаемся только в степени своих заблуждений.
Очень важно осознать и принять этот факт только один раз и мы будем открыты, чтобы выслушать других и использовать свои идеи, чтобы создать лучшее решение.
1. Мы не правы
Программисты зачастую имеют большое эго. Поэтому часто бывает трудно осознать, что мы не правы в чем-то. Я видел много споров относительно архитектуры проектов, где разработчики расхваливают свои идеи. Но, предположим, что мы все неправы. И отличаемся только в степени своих заблуждений.
Очень важно осознать и принять этот факт только один раз и мы будем открыты, чтобы выслушать других и использовать свои идеи, чтобы создать лучшее решение.
+186
CS5. Русские хелпы
1 мин
4.2KНа сайте Адоби потихоньку появляются русские хелпы. Вот что нащупал:
dreamweaver_cs5_help.pdf
fireworks_cs5_help.pdf
flash_cs5_help.pdf
illustrator_cs5_help.pdf
indesign_cs5_help.pdf
photoshop_cs5_help.pdf
dreamweaver_cs5_help.pdf
fireworks_cs5_help.pdf
flash_cs5_help.pdf
illustrator_cs5_help.pdf
indesign_cs5_help.pdf
photoshop_cs5_help.pdf
+36
Как я покупал iPod touch на ebay, и как мне пришло не совсем то…
5 мин
39KПривет,
Я хочу рассказать интересную историю, как я покупал на Ebay плеер Apple iPod touch 32Gb. О том, как я использовал «снайпер», пользовался посредником и о том какие проблемы возникли. Я уже больше полугода делаю покупки из-за рубежа и особых проблем по поиску того что мне надо не возникло.
Я хочу рассказать интересную историю, как я покупал на Ebay плеер Apple iPod touch 32Gb. О том, как я использовал «снайпер», пользовался посредником и о том какие проблемы возникли. Я уже больше полугода делаю покупки из-за рубежа и особых проблем по поиску того что мне надо не возникло.
+261
Откуда взялись роботы или Кто придумал саундтрек к Футураме?
1 мин
5KМотив родился еще в шестидесятых и послужил прототипом известного саундтрека. Композитор Pierre Henry, композиция Psyche Rock.
+147
А вы знаете, что 05.wmv и 06.wmv запрещены Министерством юстиции РФ?
1 мин
7.6KСегодня случайно еще раз попал в знаменитый Федеральный список экстремистских материалов Министерства юстиции Российской Федерации. Кроме книги А. Гитлера «Майн Кампф» (Моя борьба) (запрещенного решение Кировского районного суда г. Уфы от 24.03.2010) и целой кучи книг Рона Хабарда там обнаружилось много весьма интересных запретов:
Обнаруженные у Колчанова Андрея Владимировича по адресу: город Томск, ул. Нахимова, 20-84 файлы: дискография.dос; collage 2.jpg collage 3.jpg; collage4.jpg; collage5.jpg; collage6.jpg; collage7.jpg; 0sehme7w3 lr4.wmv; Ol.wmv; 02.wmv; 03.wmv; 04.wmv; 5 на 5.avi; 05.wmv; 06.wmv; 07.wmv; 08.wmv; 09.wmv; 10.wmv; 11 .avi; 12.wmv; 13.wmv; 14.wmv; 15.wmv; 16.wmv; 17.wmv; 18.wmv; 19.wmv; 20.wmv; 21.wmv; 22.wmv; 23.avi; 24.wmv; 25.avi; 26.wmv; 27.wmv; 28.wmv; 29.wmv; 30.wmv; 31.wmv; 20070224.wmv; borbaROAl8.wmv
Так что владельцы 05.wmv и 06.wmv будьте бдительны. Возможно за вами уже выехали.
Обнаруженные у Колчанова Андрея Владимировича по адресу: город Томск, ул. Нахимова, 20-84 файлы: дискография.dос; collage 2.jpg collage 3.jpg; collage4.jpg; collage5.jpg; collage6.jpg; collage7.jpg; 0sehme7w3 lr4.wmv; Ol.wmv; 02.wmv; 03.wmv; 04.wmv; 5 на 5.avi; 05.wmv; 06.wmv; 07.wmv; 08.wmv; 09.wmv; 10.wmv; 11 .avi; 12.wmv; 13.wmv; 14.wmv; 15.wmv; 16.wmv; 17.wmv; 18.wmv; 19.wmv; 20.wmv; 21.wmv; 22.wmv; 23.avi; 24.wmv; 25.avi; 26.wmv; 27.wmv; 28.wmv; 29.wmv; 30.wmv; 31.wmv; 20070224.wmv; borbaROAl8.wmv
Так что владельцы 05.wmv и 06.wmv будьте бдительны. Возможно за вами уже выехали.
+295
+38
Серьезное проектирование серьезного магазина. Часть 3. Карточка товара и не только
17 мин
49KТуториал
Мы продолжаем делать обзор функционала современного интернет-магазина и саму технологию проектирования качественного продукта с высокой конверсией. В этой части мы расскажем про карточку товаров и все, что с ней связанно. В прошлый раз мы написали довольно популярные статьи: «Серьезное проектирование серьезного магазина. Часть 1. Исследования» и «Серьезное проектирование серьезного магазина. Часть 2. Модули интернет-магазина», эта статья логическое продолжение.
Рис. 1. Карточка товара
Карточка товара
Рис. 1. Карточка товара
+21
E-mail маркетинг как продукт
6 мин
11KВ LinguaLeo email-маркетинг – это продукт. Такой подход к данному каналу возник по ряду причин. Во-первых, нам важны не столько метрики, сколько самочувствие и настроение пользователя. Во-вторых, email-маркетинг влияет на огромное количество факторов: на продажи, узнаваемость, а также на лояльность пользователей, что нам как клиентоориентированной компании очень важно.
Что же подразумевает под собой продуктовый email-маркетинг? Давайте пройдемся вместе по всем аспектам, не вдаваясь в стандартные подробности. Мы поделимся нашими наработками и реальными вкусными кейсами о самом интересном. Итак, поехали!
Наш подход
Обычно email-рассылка воспринимается пользователем как что-то навязчивое и раздражающее. Происходит это потому, что письма чаще носят информационный характер — новости продукта, сроки акции, горячие предложения. Однако, у нас получилось добавить ценность в письма. Мы поняли, какие у пользователя возникают проблемы и решили их, в результате чего на нашу рассылку появился спрос. Давайте разберем три основные проблемы, которые возникают у наших пользователей.
+10
Переходы наличности и переходы на личности
12 мин
85KПредставьте, что мы живем в мире криптографии, электронной коммерции и свободных экономических отношений. Пользуемся электронными средствами платежей, где в корзине и кошельке операции осуществляет калькулятор, где микроскопические суммы и огромные средства проводятся в многочисленных транзакциях без каких-либо проблем за ничтожное количество времени, с автоматическим учетом налогов, сборов и отчислений, где нам привычны покупки в электронных супермаркетах и доставка до порога по одному прикосновению к экрану телефона или клику мышкой. И вот, в наш прекрасный, удобный и отлаженный мир электронных платежей, построенный на принципах безопасности и криптографии, со всеми присущими ему технологиями и образу мышления, впитанными с молоком матери, приходит причудливый и странный механизм, которым, как говорят средства массовой информации, пользуются только анархисты, конспираторы и преступники.
+238
Как сделать группу инпутов удобной
2 мин
47KКогда я работал над сервисом заметок jotsky.com, еще до работы в Островке, надо было сделать ввод телефонного номера из двух инпутов. Примерно такой:
Я сделал навигацию с помощью стрелочек. Сделал, чтобы по мере заполнения фокус переключался к следующем инпуту. А вот сделать правильную вставку из буфера обмена у меня никак не получалось.
Я сделал навигацию с помощью стрелочек. Сделал, чтобы по мере заполнения фокус переключался к следующем инпуту. А вот сделать правильную вставку из буфера обмена у меня никак не получалось.
+149
Сколько стоят НЕуспешные интернет-проекты для студии?
4 мин
26KВ секторе интеллектуального труда, в частности в области веб-разработки, провальные проекты встречаются довольно часто. Субъективный и человеческий фактор в нашей области настолько высок, что вероятность провалить проект, часто выше вероятности успешного его завершения. Причины и виновники могут быть совершенно разные. От неопытного менеджера, до слишком придирчивого заказчика. В результате, для одной и другой стороны финал общий – огромные убытки. Почему огромные?
+27
Типовые ошибки на собственных сайтах веб-студий
8 мин
68KПривет, Хабр! Я продолжаю цикл статей по теме маркетинга и продаж в веб-студиях / интерактивных агентствах. В этом материале я хочу поговорить о собственных сайтах студий и типовых ошибках, которые очень часто совершают их владельцы.
Этот дайджест основан на моем приличном опыте мониторинга и анализа сайтов на рынке веб-разработок (исследования конкурентов в ADV, мониторинг и анализ участников «Тэглайн», проведение заказных аудитов для студий и пр.).
Я попытался систематизировать основные «ляпы» и упущения по нескольким основным категориям, на которых и остановлюсь подробнее:
Этот дайджест основан на моем приличном опыте мониторинга и анализа сайтов на рынке веб-разработок (исследования конкурентов в ADV, мониторинг и анализ участников «Тэглайн», проведение заказных аудитов для студий и пр.).
Я попытался систематизировать основные «ляпы» и упущения по нескольким основным категориям, на которых и остановлюсь подробнее:
- Ошибки позиционирования;
- Ошибки расстановки приоритетов;
- Неправильная презентация компании и услуг;
- Неправильная презентация портфолио и кейсов;
- Ошибки в коммуникации с заказчиком;
+127
Тонкие моменты в договоре на разработку сайта
7 мин
100KПривет, хабр! Продолжаю свой цикл материалов про маркетинг, продажи и клиентский сервис веб-студий и агентств. Сегодня хочу рассмотреть такую локальную тему, как заключение договора на создание сайта, и поговорить про его тонкие места.
Я не буду касаться общих разделов, структуры договора и прочих глобальных вещей, нормальный шаблон можно найти без особого труда.
* Сразу надо оговориться, я не юрист, поэтому приведенные мной формулировки можно считать рекомендациями по смыслу, но не форме.
Итак, я подготовил некий список неочевидных моментов, с которыми мне неоднократно приходилось сталкиваться на практике. Начнем:
Очень часто при общении с заказчиком при запуске нового проекта конфликтным моментом становится размещение «марки» студии на сайте («Сделано в XXX » и пр.). Если данный момент никак не обозначен в договоре, то убедить заказчика прислушаться к вашим доводам бывает сложно. Часто проблемы возникают в самый последний момент, даже если изначально лейбл присутствовал и на макетах, и на тестовой зоне: «Ой, а мы не думали, что так и пойдет на основную версию сайта». Итак, что рекомендуется сделать:
Я не буду касаться общих разделов, структуры договора и прочих глобальных вещей, нормальный шаблон можно найти без особого труда.
* Сразу надо оговориться, я не юрист, поэтому приведенные мной формулировки можно считать рекомендациями по смыслу, но не форме.
Итак, я подготовил некий список неочевидных моментов, с которыми мне неоднократно приходилось сталкиваться на практике. Начнем:
Установка копирайта и публикация в портфолио
Очень часто при общении с заказчиком при запуске нового проекта конфликтным моментом становится размещение «марки» студии на сайте («Сделано в XXX » и пр.). Если данный момент никак не обозначен в договоре, то убедить заказчика прислушаться к вашим доводам бывает сложно. Часто проблемы возникают в самый последний момент, даже если изначально лейбл присутствовал и на макетах, и на тестовой зоне: «Ой, а мы не думали, что так и пойдет на основную версию сайта». Итак, что рекомендуется сделать:
+89
Делаем превью сайтов в стиле Yandex Браузера
5 мин
24KПрошло уже почти два месяца как Yandex порадовал некоторых пользователей новым продуктом — Yandex Браузером. Несмотря на невероятную динамику развития продуктов в этой области (Chrome и Firefox), Яндексу удалось привнести в свой браузер ряд новых идей.
Из всех особенностей этого браузера больше всего меня зацепило их дизайнерское решение относительно изображений сайтов в «быстрых закладках» (Speed dial). Люди любят глазами и поэтому приятно видеть у себя в новом табе не пустую белую страницу, а красочные картинки. Беда только в том, что лично я, чаще всего, смотрю на подпись под этой картинкой или же на favicon, так как по скриншоту сайта бывает очень сложно его узнать. Эту проблему дизайнеры яндекса, на мой взгляд, решили очень элегантно. В данном посте мы посмотрим, как реализовать эту идею на клиентской стороне.
Из всех особенностей этого браузера больше всего меня зацепило их дизайнерское решение относительно изображений сайтов в «быстрых закладках» (Speed dial). Люди любят глазами и поэтому приятно видеть у себя в новом табе не пустую белую страницу, а красочные картинки. Беда только в том, что лично я, чаще всего, смотрю на подпись под этой картинкой или же на favicon, так как по скриншоту сайта бывает очень сложно его узнать. Эту проблему дизайнеры яндекса, на мой взгляд, решили очень элегантно. В данном посте мы посмотрим, как реализовать эту идею на клиентской стороне.
+36
+293
Информация
- В рейтинге
- Не участвует
- Откуда
- Москва, Москва и Московская обл., Россия
- Дата рождения
- Зарегистрирован
- Активность