Читая это ты понимаешь, что страница выглядит как-то непривычно. Чисто, аккуратно, ухожено.
Всё верно: мы изменили дизайн контентных страниц! Этот пост будет коротким т. к. кроме дизайна почти ничего не изменилось.
С точки зрения кода сильно преобразились комментарии, теперь они лучше оптимизированы и блоги с 2к комментариев больше не вешают браузер (но всё ещё долго грузятся, потому что загрузить 5мб комментариев — дело не быстрое).
Но сильнее комментариев изменился их редактор: весь код полностью переписан, в качестве основы взята библиотека Slate, которую также использует всеми любимый Discord. Единственная разница в поведении, которую можно заметить — отсутствие багов и то, что кнопки цитаты и спойлера теперь не добавляют новый блок, а переключают состояние текущего, превращая его в цитату/спойлер и обратно.
По нынешнему обновлению у меня всё. В следующем обещаю больше нового функционала.
Отзывы и предложения принимаются в тех самых обновлённых комментариях.
Люблю, целую, StopGame.ru
Читай также
Лучшие комментарии
Все нижеследующее — глубокое имхо.
Выглядит как мобильная версия со сломанным масштабированием. 50% экрана расходуются впустую, и это у меня еще не самый большой экран. Заставлять юзера скроллить чаще — не лучший дизайнерский ход. Размер шрифта в комментариях зачем-то меньше, чем в статье, со зрением чуть хуже идеального уже приходится придвигаться к экрану. Плашка игры выросла из аккуратной горизонтальной панели нечто монструозное на полэкрана.
Из плюсов — «карусель» изображений в новостях стала выглядеть лучше. Дизайн в целом и впрямь чуть чище. Моя (никому не нужная) рекомендация — оставить новую карусель, остальное откатить назад и отправить на доработку.
Плашку с информацией об игре унесли вниз, потому что в ней находится оценка, которая в обзорах многими воспринимается как «спойлер», на что нам часто жаловались.
Очередной сайт с редизайном под мобилки. Тут уже много раз были упомянуты про «магические 700px», только вот:
1. Материалы в статьях стали гораздо больше 700px, что делает сложным чтение текста. Очень хороший пример — самый последний обзор на момент написания, где меж 2 картинками удачи прочитать микроабзац.
2. Сама подложка 1280px, что как бы странно, ибо цель у подложки — выделить пространство, где есть информация...
3. Сами 700px (по крайней мере насколько я нагуглил) взяты из расчетов 15-16 дюймовых мониторов для 1920x1080 экранов с 125% зумом так, чтобы идеально влезал первый абзац классического блога на английском (те самые 100 знаков на линию). На стопгейме заголовки обычно длиннее, чем это пространство. Плюсом русский язык длиннее в среднем, чем английский. Плюсом как бы вы всё-таки игровой сайт, так что есть подозрение, что обычный экран всё таки 18-20 дюймов (тоже с 1080p, но уже без зума).
А ну и ещё пожелание — всё таки допилить редактор комментов. Вот зачем в комментариях shift+enter? Убрать прыжок строки при написании комментария, поскольку он нормально смущает и плюсом… а зачем он? Как бы в тех же «умных» книжках по «современному дизайну» пишут, что вот по вертикали экономить не надо. Таки уж выберите — нормальный или «современный» дизайн.
Зачем такой огромный пропуск?
Комменты с каждым разом всё меньше и меньше по высоте помещаются.
Зачем всё это, мистер Андерсон?
Во имя чего вы портите внешний вид сайта?
Понравилось как выглядят скриншоты по-новому, но текст новости и комментарии какие-то узкие. Целая страница выглядит пустой, а весь текст в узкой колонке по центру. Как по мне: выглядит не очень.
Простите-извините, я тут вставлю свои пять копеек недовольства...
Мне кажется, не столько ухоженно стало, сколько более стерильно из-за молочного белого. Не, он симпатичный и мягкий, но больше напоминает стены поликлиники. Но это, наверное, как с вк: от непривычки.
Комментарии отвратительны, они насилуют мне мозг, слишком сгруппированные, от этого текст просто умопомрачительно сложно воспринимать, особенно их иерархия, теперь разница между сдвигом комментариев мизерная и уже не воспринимается интуитивно
Эх, как приятно раньше было, открыл страницу статьи, а там тебе в самом начале вся инфа об игре, на какой платформе, какой жанр, очень удобно если у меня к примеру только пк или я люблю только шутеры, т.к. не тратится время на ненужное чтение или просмотр, да и оценка не напрягала, т.к. я в любом случае просматривал материал. Видать таких как я меньшинство.
Мне кажется, или шрифт комментариев стали мельче? И ширина строк буд-то под мобильную версию. На счёт ширины — кажется, я уже привыкаю, но вот со шрифтом произошло что-то, что делает моим близоруким глазам больновато. Буд-то пикселя в размере не хватает(
Зачем столько пустого места???? Рекламой заполнять планирует?
Когда быстро кручу загружаться не успевает.
Хотя хочу отметить, что сайт вроде как, стал капельку шустрее/плавнее.
Написание комментов странно себя ведёт, как будто едва уловимая задержка при печати, и лёгкое мерцание.
С каждым разом заходить на сайт СГ всё тяжелее. Этот редизайн приносит боль, вот уже третий год подряд.
Уже 3 года живём с багами, поживём ещё, правда?
То, что плашка с информацией об игре снизу, это, конечно, пока не привычно, но пох. А вот сама плашка очень не очень в плане дизайна сделана. Ее бы на процентов 30 уменьшить. Уменьшить междустрочные интервалы и вообще оптимизировать все элементы. Очень много пустого места в этом блоке.
спасибо за отсутствие спойлера оценкам.
Нет, прекрасно понимаю что происходит и могу сам потестить.
Поймал весёлый баг сегодня. Пишу ответ на комментарий, прокручиваю страницу вниз, возвращаюсь — а весь мой текст пропал. При прокрутке вверх тоже исчезает, как я выяснил позже. Причём это только в ответах — когда пишешь обычный комментарий, то ничего такого нет. Сижу через Safari.
В остальном же дизайн приветствую — стало красивше, а читать действительно удобнее. И пустые места по бокам вообще не беспокоят — сейчас очень много где так, особенно в секциях комментариев, так что ничего такого в этом не вижу. Не обязательно прям каждый пиксель до последнего задействовать, чтобы не перегружать страницу.
Хреново, растянуто, много пустого места! Зачем?
Зачем вот это растягивание текста на весь экран и много пустоты? Этот дизайн вообще под какие экраны делался?
Что это за чертовщина?
Внешний вид сайта с каждым разом всё хуже и хуже!
Ага, вот только оба варианта «выжигают глаза».
Белая тема широким пучком, тёмная тема точечно. Вся разница!
Текст а всю ширину экрана неудобно читать. Это сейчас знают все, кто имеет отношение к сайтостроению. Поэтому и есть общая тенденция делать текстовые блоки компактнее, посмотрите на наиболее популярные сервисы. Делалось это, чтобы сделать чтение лучше, комфортнее.
А вот шрифт побольше бы да, мелковат