Как стать автором
Обновить
22
0
natio @natio

Пользователь

Отправить сообщение

Адаптивные баннеры на HTML5 и CSS3

Время на прочтение6 мин
Количество просмотров153K
Адаптивный веб-дизайн — значительное достижение для всего Интернета. Мы больше не скованы давно устаревшей моделью «печатной страницы» со статическим содержимым, разбитым на области фиксированного размера. Сегодня Интернет способен жить, дышать и приспосабливаться, заполняя всё пространство, доступное на экранах различных устройств, начиная от мобильных телефонов — и вплоть до огромных видеодисплеев. Это то, какой и предполагалась Глобальная сеть.

Но есть небольшая проблема. Веб-сайты зачастую содержат баннерную рекламу и традиционные баннеры, не обладающие особой гибкостью. Как flash-, так и GIF-баннеры имеют фиксированные размеры, из-за чего несовместимы с современной адаптивной вёрсткой. Нам необходим новый метод создания баннерной рекламы. Нам нужны «адаптивные» баннеры...
Читать дальше →
Всего голосов 29: ↑22 и ↓7+15
Комментарии16

vPass 2 — простой и удобный генератор безопасных паролей на Javascript

Время на прочтение3 мин
Количество просмотров16K
Привет,

я потихоньку сделал версию 2 своего «потустороннего» проекта — vPass. Если интересно, вот тут в комментах интересное обсуждение первой версии.

image

Вкратце, зачем это все?
  • Для каждого сайта нужно придумывать свой уникальный пароль.
  • Запомнить по-настоящему уникальные пароли невозможно.
  • Проблему решают менеджеры паролей, но они, как правило, только под одну платформу.

vPass берет Ваш мастер-пароль (например, `my_password`) и, как правило, домен текушего сайта (например, `http://accounts.google.com` становится `google`) и создает набор из 12 букв, цифр и символов (например, `0EQu$MwEm?Qt`).

Вот 30-секундный демо-ролик...
Всего голосов 34: ↑21 и ↓13+8
Комментарии32

Облака на CSS3 3D Transformations

Время на прочтение6 мин
Количество просмотров27K

Пример, как нарисовать красивые 3D облака используя CSS 3D Transformations



Случайно набрел сегодня на еще одну интересную статью об интересных эффектах и решил, что мою любимую Хабра-аудиторию этот пример тоже может заинтересовать. Английский у меня такой-же, как у Азарова украинский, по-этому перевод будет авторский.

Для нетерпеливых: То, что получится в итоге

Вступление


В этой статье, автор попытаеся рассказать и показать как создать красивые 3D облака используя CSS3 Transformations. Автор так-же считает, что иметь базовое понятие о том, как работают эти самые CSS 3 Transformations не будет лишним. Ссылка на туториал здесь

Данный туториал разбит на несколько простых шагов. Каждый шаг основан на коде из предыдущего и содержит ссылки на примеры.

Сделай сам!

  • Создаем мир и камеру
  • Добавляем объекты в мир
  • Добавляем спрайты к облакам
  • Магия
  • Пролог


Поооеехааали!

Читать дальше →
Всего голосов 64: ↑53 и ↓11+42
Комментарии25

Первый пост в нашем блоге. Поговорим про клиентский сервис в веб-студии/интерактивном агентстве

Время на прочтение8 мин
Количество просмотров23K
image

Привет, Хабр! Это наш первый пост в корпоративном блоге проекта «Ruward: все рейтинги Рунета». Проект задумывался как агрегатор всех существующих нишевых топов на агентском digital-рынке (сейчас у нас 52 рейтинга и более 1000 компаний- участниц) – чтобы служить некой картой интерактивного рынка (а заодно – и шпаргалкой, чтобы быстро посмотреть, кто на каких позициях в каких топах)

Поскольку рейтинговая тема является довольно спорной и иногда вызывает негативную реакцию: «Yet another digital ratings!», мы решили в нашем блоге выкладывать полезные авторские (наши) материалы про жизнь веб-студий и интерактивных агентств. Предлагаю начать наш цикл с разговора про клиентский сервис, поскольку в подавляющем большинстве случаев на нашем рынке с ним просто беда. Итак:

Клиентский сервис на рынке агентских digital-услуг


Это краткий обзорный материал, в котором я хочу рассказать про функции службы клиентского сервиса, дать ряд советов и обсудить тонкие места в построении коммуникации с клиентом. В следующем материале мы обязательно обсудим процесс работы с клиентской базой, конкретные примеры ее сегментации и другие «ходовки», позволяющие увеличить эффективность работы.

Основные функции службы клиентского сервиса


Можно выделить три основные зоны ответственности службы клиентского сервиса в типовом агентстве:
Читать дальше →
Всего голосов 49: ↑28 и ↓21+7
Комментарии6

BonBon — Sweet CSS3 Buttons

Время на прочтение3 мин
Количество просмотров21K
Привет, всем!

:before


Пытливость ума (да и не только) заставляет искать новые и лучшее решения в том или ином направлении. Это и привело меня на страницы блога некого @simurai. Возможно, кто-то уже знаком с наработками товарища «Самурая», с остальными же хочу просто поделиться интересными идеями псевдо-японского гуру. В этой статье хочу рассмотреть один из его проектов: BonBon — Sweet CSS3 Buttons (по желанию читателей, другие работы автора будут преданы вниманию в последующих статьях). Начальная цель: создание CSS-кнопок, которые приятно смотрятся, имеют гибкую настройку, и в это же время будут иметь максимально простую разметку.

Читать дальше →
Всего голосов 54: ↑45 и ↓9+36
Комментарии28

CSS3-генераторы. Лучшее

Время на прочтение2 мин
Количество просмотров199K








Доброго времени суток! Сразу объяснюсь по поводу оформления поста: однажды, наткнувшись на статью о CSS-генераторах, меня не сильно порадовало безмерное количество информации и навигационных элементов в представленных генераторах, и еще больше — их пользовательский интерфейс! Возмутило то, что инструменты для работы со стилями — сами не выдержаны в рамках возможностей, которые они представляют… как так?!

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

Надеюсь, для многих ноу-хау станет хорошим помощником в процессе веб-разработки.
Читать дальше →
Всего голосов 114: ↑104 и ↓10+94
Комментарии26

Радио-проект про SaaS-сервисы (20 передач) + мини-сериал Мегаплана

Время на прочтение1 мин
Количество просмотров5.5K
Всем привет!

Спецпроект про облака на Финам.ФМ

Недавно завершился наш совместный проект (Мегаплан и Финам.ФМ) про облачные сервисы для российского бизнеса. Мы записали 20 передач про разные аспекты, связанные с управлением процессами и, собственно, SaaS-сервисами, которые для этого предназначены.

В радио-проекте приняли участие более 50 экспертов из таких компаний как: Microsoft, HeadHunter, МойСклад, МоеДело, Техносерв, 1С-Битрикс, UMI, РАЭК, Parallels и многих других.

Предлагаю тем, кто не успел послушать передачи в эфирной сетке, послушать онлайн-записи на сайте Финама, там много интересного.

Спасибо всем, кто помогал нам реализовать этот проект, и отдельное — нашей ведущей Елене Лихачевой, которая целый месяц терпела нас в студии!

Мини-сериал Мегаплана

Помимо этого, мы недавно запустили забавный мини-сериал про жизнь компании, которая до сих пор не пользуется Мегапланом, и какие трудности ей приходится преодолевать — думаю всем знакомо большинство из описанного.

На данный момент вышло 5 серий, еще 5 выйдут в ближайшее время. Просьба не относиться слишком серьезно.

#1 Сотрудники
Читать дальше →
Всего голосов 52: ↑32 и ↓20+12
Комментарии19

Делимся кейсами участия в выставках. #2 Война двух стендов

Время на прочтение5 мин
Количество просмотров13K
Мы продолжаем делиться опытом и реальными кейсами участия в выставках-конференциях. Об игре-менялке мы уже рассказали, теперь на очереди наш самый интересный кейс – про организацию фейкового стенда-противника Мегаплана и последующих «военных действий».

Надеемся, наш опыт пригодится молодым компаниям, которые стараются придумать что-то неординарное для продвижения своих продуктов.


Читать дальше →
Всего голосов 44: ↑34 и ↓10+24
Комментарии26

Делимся кейсами участия в выставках. #1 Игра-менялка

Время на прочтение3 мин
Количество просмотров4.2K
Привет, Хабр!

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

Я предлагаю рассмотреть несколько активностей Мегаплана на прошедшей конференции Russian Internet Week 2011. Начнем предлагаю с игры «Факты в облаках».

Надеюсь, этот разбор живых кейсов окажется полезным для тех, кто задумывается о продвижении своих проектов на мероприятиях.

Задача

Всем известно, что читаемость обычных бумажных вложений в пакеты участника выставки стремится к нулю – вне зависимости от типа мероприятия. Обычно кипу «макулатуры» или игнорируют, или отправляют напрямую в мусорную корзину. Исключение составляют всякие предметы/артфеакты, которые любят делать крупные порталы вроде Яндекса, Мейла и пр. – но они имеют чисто брендинговый эффект и дороги в изготовлении.

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

Идея и реализация

В качестве решения данной задачи нами была разработана игра «Факты в облаках».
Суть простая – мы придумали 100 фактов о Мегаплане, сделали 100 карточек (10 цветов, по 10 фактов в каждом цвете).

Читать дальше →
Всего голосов 35: ↑31 и ↓4+27
Комментарии6

Blender 2.5: горячие клавиши

Время на прочтение1 мин
Количество просмотров11K


Привет, дорогие друзья!

Доделал книженцию «Blender 2.5: горячие клавиши». Всем, кому интересно — качайте, распечатывайте.

За основу брал книгу Эндрю Прайса «Blender 2.5 cheat sheet».
Читать дальше →
Всего голосов 52: ↑48 и ↓4+44
Комментарии26

Создание игрового уровня за 11 дней

Время на прочтение1 мин
Количество просмотров5.3K
Создание игрового уровня за 11 дней
Еще в прошлом году на просторах Интернета у забугорных собратьев (а именно у Алекса Галузина) по геймдеву увидел замечательную книгу «How to Create a Map in 11 Days». Сразу появилась мысль о ее прочтении и переводе на русский язык.

Хоть в книге и идет речь о UDK и Maya она не привязана ни к каким движкам, а больше рассказывает о организации рабочего процесса и постановке задач при разработке игрового уровня.

Читать дальше →
Всего голосов 72: ↑64 и ↓8+56
Комментарии23

10 рекомендаций по html-верстке электронных писем

Время на прочтение4 мин
Количество просмотров106K
Рекомендация первая: забудьте про блочную верстку. Весь лэйаут должен быть на таблицах. При этом, без крайней необходимости — их тоже лучше не использовать. Также следует выкинуть из головы представления о семантике, сокращенных css-правилах, валидации, плавающих блоках — и прочее. Самый распространенный в РФ почтовый сервис на данный момент (mail.ru) вообще не понимает стили (css). Любые тэги/атрибуты style заменяются на xstyle и не работают. Вообще все.

Так что, фактически, при вёрстке html для почтовой рассылки надо мысленно переместиться в 90-ые годы прошлого века и смело использовать все распространенные приёмы того времени.

Для тех, кто с ними не знаком (как я был) — напомню:
Читать дальше →
Всего голосов 124: ↑111 и ↓13+98
Комментарии104

Грабли при верстке HTML писем

Время на прочтение3 мин
Количество просмотров103K
Довольно часто наши клиенты устраивают регулярные рассылки с новостями. Почти всегда их не устраивают текстовые рассылки или простое оформление HTML рассылок. Наши дизайнеры вовсю креативят, а мы потом набиваем шишки при верстке их макетов с корректным отображением во множестве почтовых клиентов.

Ниже список встретившихся нам особенностей и способы их разрешения (как то упорядочить их мне не удалось, поэтому всё идет единым списком)
Читать дальше →
Всего голосов 282: ↑273 и ↓9+264
Комментарии77
2

Информация

В рейтинге
Не участвует
Откуда
Симферополь, Республика Крым, Россия
Зарегистрирован
Активность