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

Кто вообще откликается и кого мы ищем

Отбор кандидатов даже для каких-то первичных собеседований — достаточно трудоемкий процесс. Он занимает много времени руководителей подразделений и сотрудников службы рекрутмента.

Откликов много, а релевантных очень мало. В итоге всех кандидатов можно разделить на несколько групп:

Здравствуй, уважаемое хабрасообщество. Сегодня, продолжая свой цикл статей о Nokia N900, проведу достаточно нестандартное сравнение трех устройств (почти сравнение пылесоса и холодильника ).
Летом многие бегают и катаются на велосипедах. Некоторые используют для этого специализированные компьютеры. А если такого нет или не хочется покупать? В таком случае можно воспользоваться N900!
Так как я достаточно давно занимаюсь бегом, то у меня есть два беговых компьютера от Garmin. В этой статье я решил описать каким образом N900 можно превратить в беговой компьютер и насколько он хорошо смотрится на фоне профессиональных специализированных инструментов.

Под катом я проведу сравнительный анализ и выяснить, насколько Nokia N900 может заменить специализированные компьютеры от Garmin. И в этом анализе мне помогут два моих других устройства: Garmin FR50 и Garmin FR305.

В данной статье я хотел бы показать вам некоторые приёмы создания эффектов при помощи CSS3 на примере меню. Идея заключается в простой композиции элементов: иконки, основного названия и вторичного названия, которое будет анимировано при наведении курсора, используя только CSS-переходы и CSS-анимацию. Мы рассмотрим несколько различных эффектов для элементов.

Вместо того, чтобы тратить впустую время, обыскивая сеть, в поисках хороших уроков по Photoshop, придерживайтесь этого списка.

PS Hero — перейти


PSD tuts — перейти


Tutorial 9 — перейти

audio.js — это javascript библиотека, позволяющая использовать HTML5 тэг повсюду. Что скрывается за словом «повсюду». Если есть возможность использовать тэг , то будет использоваться он, иначе будет подключен плеер на flash. В библиотеку так же входит и UI отображение для этого плеера, которое может быть видоизменено с помощью css.

Я вообще довольно давно интересуюсь темой юзабилити и проектированием интерфейсов, сценариями, персонажами. Но я не занимаюсь этим профессионально. До этого момента я довольствовался только знанием того, как это делается «по-взрослому», и убеждением в том, что «по-хорошему» проекты надо развивать через UI-тестирование (test first ;). Но, как обычно, дальше разговоров и грустных вздохов не заходило.
А началось все с того, что в очередной раз обсуждая проект, фичи и дальнейшие планы, я взял и ляпнул: «Поехали в институт и проверим на студентах».

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

Было:


Стало:

От себя: лента, лента, лента, лента. Она великолепна.

Автор — Дженсен Харис, Director of Program Management for the Microsoft Windows User Experience Team. (Подскажите адекватный перевод.)

Это вторая часть в моей серии из восьми статей, в которых я укажу на некоторые причины, которые побудили нас принять решении о создании нового пользовательского интерфейса в Офисе 2007.

Можно смотреть примерно с 2:40.
До 6:30 показываются технологии, которым 15 лет, но которые до сих пор толком не используются. После 6:30 идет уже новинка в духе «Особого Мнения» (Minority Report).

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

Почитать описание других паттернов.

Проблема

Возложить дополнительные обязанности (прозрачные для клиентов) на отдельный объект, а не на класс в целом.

Описание

Для более детального понимания проблемы, рассмотрим конкретную ситуацию. Пусть имеется некоторый объект — «кнопка», принадлежащий классу объектов «Кнопка», на который понадобилось возложить дополнительные обязанности. Под обязанностями, в данном контексте, понимаются какие-либо особенности поведения объекта. В случае с кнопкой, можно рассмотреть поведение объекта при его отображении на экране. При этом, будем считать, дополнительными обязанностями — отображение рамки кнопки, надписи, иконки. Важно понимать, что все эти обязанности должны иметь возможность быть наложенными как одновременно, так и по отдельности. Очевидно, первое, что приходит на ум — порождение классов (механизм наследования). Для данной задачи возможно это и выход — расширить класс «Кнопка» семью (2³-1 = 7) различными классами, сочетающими в себе всевозможные комбинации обязанностей. Это классы: «Кнопка_С_Надписью», «Кнопка_С_Рамкой», «Кнопка_С_Иконкой», «Кнопка_С_Надписью_И_Иконкой», «Кнопка_С Рамкой_И_Иконкой», «Кнопка_С_Надписью_И_Рамкой», «Кнопка_С_Надписью_И_Рамкой_И_Иконкой». А если таких обязанностей будет не три, а хотя бы десять, не говоря уже про неудобство работы с подобной структурой. Безусловно, порождение классов в таком случае — заведомо проигрышный вариант. Однако, из этой ситуации есть выход — паттерн «Декоратор».

CSS может связываться с HTML элементами используя любые из его атрибутов. Вы наверняка знаете о классах и ID. Проверим это в HTML:

<h2 id="first-title" class="magical" rel="friend">David Walsh</h2>

Этот один элемент имеет три аттрибута: ID, class и rel. Для выбора элемента в CSS вы можете использовать селектор ID (#first-title) и селектор class (.magical). Но знаете ли вы, что можно использовать для выбора атрибут rel? Это так называемый селектор атрибута:

h2[rel=friend] {
  /* woohoo! */
}