Веб-дизайн

индекс
171,11
вчера в 19:14

7 советов по созданию GIF анимаций перевод tutorial

61563fa3ab3147239dc7777662290fbe

У нас в InVision, GIF анимации используются не для баловства —  они играют важную роль с точки зрения маркетинга и обучения. Поэтому мы даже пытались использовать их на нашей главной странице вместо анимаций, сделанных с помощью кода.

В конце концов люди начали спрашивать нас: «Как вы создаете GIF анимации?». Пришло время раскрыть секрет.
8722
163
shimapa23 286,8
вчера в 16:28

6 принципов визуальной иерархии перевод

Чтобы научиться дизайну, мы записались на курс Design 101 от trydesignlab.com. Первые уроки были посвящены визуальной иерархии. Мы перевели одну из лучших статей на эту тему от 99designs.com.



Перевод от сайта для начинающих предпринимателей «Я люблю ИП»
3705
86
iloveip 2,2
26 февраля в 14:38

«Hero Image» — баннеры в параллаксе перевод

С CSS 3D Transforms у вас есть безграничные возможности. Но могущество влечет за собой ответственность. Вы будете сталкиваться с ситуациями, когда вы сможете воспользоваться всеми трехмерными преимуществами CSS. Однако в большинстве проектов вы сможете лишь слегка приукрасить некоторые вещи.

Сегодняшнее сокровище – это эффект, который завоевывает все большую популярность и создается за счет 3D Transforms. Благодаря этому мы поместили несколько изображений на ось z, после чего использовали мышь в качестве ложной трехмерной камеры, таким образом, чтобы перспектива изменялась при передвижении курсора мыши. На самом деле в этом случае мы поворачиваем изображение в трехмерном пространстве в соответствии с положением мыши.

Демо
6933
121
Irina_Ua 30,1
23 февраля в 17:10

Диффузия инноваций, часть вторая перевод

Это адаптированный перевод второй и заключительной части серии статей о диффузии инноваций. Первая часть доступна по ссылке.

Теория диффузии инноваций эксперта по коммуникациям и социолога Эверетта Роджерса пытается идентифицировать и объяснить факторы, ведущие людей к принятию нововведений. Проектные группы (дизайн-команды), понимающие и учитывающие эти нюансы, имеют наибольшие шансы на принятие их продукта широкими и ждущими массами.

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

Я прошелся по типам пользователей и процессе принятия в первой части рассказа. Вторая половина расскажет про пять характеристик инновации, определяющих ее использование. Согласно теории, это определит ее долгосрочные перспективы.
23 февраля в 10:11

Создание Responsive Landing Page на WordPress от А до Я tutorial



Новый видеокурс по созданию адаптивного одностраничного сайта и посадке на CMS WordPress. В процессе обучение рассмотрены такие моменты, как проектирование интерфейса, создание скетча, адаптивная верстка и подключение Front-End плагинов, посадка на WordPress и создание опций шаблона. При разработке темплейта учитывалась возможность дистрибуции и распространения темы.
+28
27645
1023
wdmaster 23,0
22 февраля в 21:49

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №148 (16 — 22 февраля 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


+34
29656
275
alexzfort 125,2
18 февраля в 14:27

Диффузия инноваций, часть первая из песочницы

Недавно наткнулся на отличную статью о диффузии инноваций «How To Have Users Spread Your Innovation Like Wildfire» за авторством Виктора Йокко для Smashing Magazine. Статья показалась мне интересной, поэтому решил перевести ее для «Хабрахабра». Вторая часть уже на подходе.

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

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

Эверетт Роджерс (1931-2004) был профессором коммуникаций и сельской социологии в университетах США. Он построил свою карьеру на исследовании распространения идей и технологий среди людей. Теория “диффузии инноваций” пытается определить и рассмотреть связанные с этим факторы. Проектные группы (дизайн-команды), понимающие и учитывающие эти нюансы, имеют наибольшие шансы на принятие их продукта широкими и ждущими массами.
18 февраля в 14:06

Построение анимированной круговой диаграммы на jQuery перевод tutorial

Формы это неплохой способ добавить некую изюминку элементам на вашей веб странице. Круги особенно хороши в этом отношении, потому что они целостны, просты и похожи на пирог. А теперь серьёзно, кто не любит пироги?



ДемоИсходный код

Как вы, должно быть, заметили по собственному многолетнему опыту пользования интернетом, большинство элементов на веб страницах, по сути, являются либо квадратами, либо, прямоугольниками. Поэтому, в некоторых случаях, интересные элементы, такие как круги и треугольники в вашем дизайне могут быть весьма полезными. Этот туториал продемонстрирует, как построить анимированную круговую диаграмму, подобную тем, которые вы обычно видите на сайтах портфолио. Это может помочь визуально подчеркнуть ваши навыки, а также продемонстрировать то, с какими задачами вы можете справиться. Взгляните на демо, чтобы увидеть конечный результат.
+2
5530
125
fYNX 1,9
18 февраля в 13:34

На старт, внимание, DUMP! Екатеринбург, 20 марта

Привет, Хабр! У нас новости с Урала :)

Конференция для разработчиков DUMP (Development. Usability. Management. Practice) пройдет 20 марта в Екатеринбурге. В этом году мы отмечаем юбилей — уже пятую весну мы собираем уральских (и не только) айтишников в одном месте и делимся опытом. Так что готовьте поздравления, торт будет :)

Наверняка многие уже бывали на DUMP, поэтому подробно рассказывать о его истории мы не будем. Кто не был и не знает, что это — вот отчет о DUMP-2014, где все рассказано. А вот отличный ролик, передающий атмосферу прошлогодней конференции.



Ниже под катом — планы на этот год и инструкции о том, как стать докладчиком и спонсором конференции.

И, внимание, регистрация уже открыта. Присоединяйтесь!

+11
2076
16
18 февраля в 11:05

Что не так с интерфейсами авиасервисов и как это исправить: подход проекта Aviageek

image

Путешествовать стало проще: еще недавно доступ к расписанию мировых авиарейсов могли получить только профессиональные агентства, а теперь любой желающий в пару кликов находит билеты в любую точку мира.

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

Эта схема, безусловно, доказала свою жизнеспособность, однако и она не лишена недостатков. Мы постарались исправить ситуацию в проекте Aviageek.
+32
18899
123
Aviator360 26,4