Делал Хайп.ру

Новое в Hype.ru, 16 марта 2018

На этой неделе наши силы были сосредоточены на оптимизации внутренних процессов и улучшении мобильного отображения страниц Хайпа.

Про мобильность

Приведено в порядок отображение страниц сайта на мобильных устройствах (вплоть до 320 пикселей). Шапка и логотип следят за шириной и сжимаются, оставляя место более важным элементам.

Все следующие сравнительные изображения сделаны по размеру экрана IPad Pro.

Картинки на странице поста теперь прилипают к краям, если позволяют размеры. Так же себя ведёт и видео.

было - стало
было - стало

На страницах профилей корректные отступы от краев экрана, а шрифт на вкладках пропорционально уменьшается.

было - стало
было - стало

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

было - стало
было - стало

На странице тегов расставлены и выровнены элементы, контент поднялся выше. Так с закрытыми связанными тегами.

было - стало
было - стало

А во так с раскрытыми, всё ровно, всё красиво.

было - стало
было - стало

Про картинки

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

Переменные успехи в борьбе с картинками
Переменные успехи в борьбе с картинками

Про поиск

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

Про шаринг

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

было - стало, внимание на текст в анонсе
было - стало, внимание на текст в анонсе

Про хлопающих

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

Список похлопавших за пост
Список похлопавших за пост

Про детали

Ещё немного нового:

  • комфортное чтение статей стало возможно и из браузера Internet Explorer
  • на страницах профилей добавлены Open Graph теги
  • вставка скопированного текста в редактор избавилась от задержки
  • пожаловаться за пост стало можно на страницах поиска и статей по тегу
  • появилось подчеркивание ссылок на самых разных устройствах
  • обложки и аватары разделены по разным cdn-поддоменам

Каждая неделя делает Хайп лучше, для вас
Кирш Николай