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

Вот, посмотрите, вот так выглядит подсказка:



Здесь пассажиры едут вдвоём. Сначала выбирается самый свободный вагон, потом в нём не первое свободное купе (обычно в районе середины), затем в нём два места — нижние, если цена устроит, или верхние, если хочется со скидкой. Этот поезд без плацкартов, поэтому оба варианта купе.

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

Под катом Джесс Эдди рассказывает как презентовать дизайн "недизайнерам", заказчикам или другим заинтересованным лицам и как получить от них реальную и полезную обратную связь.

Список лучших инструментов для web-анимации. SVG/CSS/Canvas/DOM анимация + GUI инструменты для генерации кривых Безье и CSS анимации.

Репозиторий: github.com/sergey-pimenov/awesome-web-animation
Страница-каталог: awesome-web-animation.netlify.app

В будущем список будет дополнен книгами и видео-курсами по web-анимации. Если вы заметите, что какого-то стоящего инструмента не присутствует — пожалуйста, напишите об этом и я добавлю его.

Также буду рад отзывам на инструменты из текущего списка, с помощью ваших отзывов я смогу сделать описание инструментов более полным.

Много лет я и мои коллеги убеждали разработчиков, что чем быстрее сайт — тем лучше. Статья не о том. Я не собираюсь показывать вам статистику, насколько больше зарабатывают компании, которые оптимизируют сайт для производительности (а это так). Расслабьтесь, возьмите чашечку шоколада — мы вместе совершим путешествие во времени.

Настоящее время и воспринимаемое время

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

В данной статье я не буду вам рассказывать о больших веб-фреймворках, таких как React, Angular, Vue и т.д… не будет в ней и перечня наиболее популярных текстовых редакторов – Atom, VS Code, Sublime… В данной статье я поделюсь с вами инструментами, которые, по моему мнению, могут сделать рабочий процесс веб-разработчиков более простым и быстрым.

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

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

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

Как создать чистый интерфейс, используя всего лишь один цвет? Вы узнаете из этой статьи. Перевод «Я люблю ИП».

Будучи по большому счёту дизайнером-самоучкой, мне всегда было интересно, почему так много статей и сайтов говорят о теории цвета и цветовых палитрах. По моему опыту, вероятность сделать красивый дизайн, использую «сплит-комплиментарную палитру», стремится к нулю.

У меня есть другое мнение на этот счёт: теория цвета бесполезна.

Но если теория цвета не является прочной основой для выбора цвета в дизайне интерфейсов, то что тогда является?

Вот вам мой ответ: модификация цвета. Всё дело в небольших изменениях цвета, а не в их выборе из цветового круга.

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

Я знаю, что это звучит немного странно. Но послушайте меня, я дам вам практическую инструкцию для адаптации цвета в вашем дизайне.

Вы готовы? Тогда поехали.

О том, что клиентов приводит интернет – знает каждый предприниматель не понаслышке. Чем привлекательнее лицо бизнеса в сети, тем выше шансы на успех и шире перспективы развития. Это же очевидно! Но как именно работают инструменты продвижения в Интернете, насколько они действенны и окупаемы?

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

И все-таки, как среди такого многообразия агентств и предлагаемых ими услуг выбрать «свое» и на 100% быть уверенным в эффективности его работы и результативности рекламной кампании?

В нашей принадлежности к «предлагающим услуги» есть свое преимущество: мы видим, как клиенты отбирают подрядчиков и какие требования предъявляют. Часть из них достаточно спорные, а какие-то и вовсе не принимаются во внимание. Поэтому предлагаем вам свою точку зрения.

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

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

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

Доброго времени суток, дорогие хабрахабровцы!

Всегда хочется, что бы твой сайт выглядел одинаково хорошо на разных устройствах, включая и мобильные. Но, если поведение в браузерах Android во многом предсказуемо, то с iOS возникает ряд «сюрпризов». О них сегодня и поговорим!

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

В среде IT-специалистов существуют различные мнения относительно SEO. Кто-то относится к этому отрицательно, а кто-то считает хорошим инструментом. Но негативное отношение к SEO обычно складывается из-за неумелого его применения. При грамотном и уместном использовании это средство продвижения может принести немало выгод, не вызывая недовольства пользователей. Одному из аспектов SEO — его внутреннему применению — было посвящено выступление Артёма Гидина, руководителя SEO-подразделения компании Web-Promo, на прошедшей осенью киевской партнёрской конференции «1С-Битрикс».

Давайте поговорим, почему стоит обращаться к SEO-продвижению. SEO — это направление интернет-маркетинга, направленное на продвижение продуктов, у которых уже есть спрос. То есть SEO — это не тот инструмент, который работает на формирование спроса. Если у вас уже есть продающиеся товары или услуги, которые интересны людям и о которых уже знают, то SEO — это именно то направление, которым стоит заниматься. Для многих компаний SEO дает львиную долю всего трафика, который приходит на сайт. И это одна из важнейших причин, почему нужно уделять внимание продвижению сайтов в поисковых системах.

CSS Refresher

Это большая коллекция практических советов и заметок по вёрстке. Своеобразная памятка для тех, кто каждодневно использует CSS. Освещаются самые разные темы, от деталей поведения плавающих элементов до использования SVG и спрайтов. Проект постоянно обновляется, активное сообщество github также принимает в нем участие, там добавляются интересные замечания, о которых, возможно, вы и не слышали.

От переводчика

Приветствую всех, меня зовут Максим Иванов, и сегодня я подготовил для вас перевод заметок разработчика из Сан-Франциско Васанта Кришнамурти (Vasanth Krishnamoorthy) «CSS Refresher». Web-программирование одна из самых быстро развивающихся отраслей в наше время. Казалось бы, возьми какой-нибудь видеокурс на tuts+ и освой html-верстку, однако, как говорил разработчик Opera Software Вадим Макеев, выступая на конференции CodeFest, они все равно это делают плохо. Но давайте посмотрим, может мы итак все это знаем.

Содержание

1. Позиционирование (position)
2. Отображение элемента в документе (display)
3. Плавающие элементы (float)
4. CSS селекторы
5. Эффективные селекторы
6. Переотрисовка и перерасчет
7. CSS3 свойства
8. CSS3 медиа-запросы
9. Адаптивный web-дизайн
10. CSS3 переходы
11. CSS3 анимации
12. Масштабируемая векторная графика (SVG)
13. CSS спрайты
14. Вертикальное выравнивание
15. Известные проблемы

Всем привет!
Прочел статью про «Все тонкости настройки Wine», оказалось, что там далеко не все тонкости. Поэтому написал этот пост как дополнение тому.

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

Всем привет.

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

До недавнего времени таким я рассматривал какой-нибудь IM, для работы Telegram я не пользуюсь, а с остальными все что-то не совсем так.

Цель этой публикации — объяснить веб-мастерам основные причины по которым их сайты может, мягко говоря, недолюбливать Google. Также предлагается система диагностики попал ли сайт под санкции Google или нет.

Мой сайт под фильтром Google? Как узнать под каким? Просел сайт в выдаче, в чём причина? Падают позиции и нет посещаемости, в чём дело?

Именно с таким названием вы увидите темы на большинстве известных SEO-форумах и на Справочном форуме для веб-мастеров Google.

Сразу отметим, что вместо слова «фильтры» в таких ситуациях уместнее употреблять слово «алгоритмы».

На самом деле причина проблем с сайтом может быть не связана с мерами воздействия Google.

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