Pull to refresh

Comments 588

То-то я смотрю у меня все кастомные стили StyleBot сломались

У меня только для стиль для КПВ 50%-ой ширины поломался. Стиль для 100%-ой ширины перепроверю, но он вроде не поломался.
Все здорово, но умоляю — сделайте шрифт побольше! Уже несколько лет читаю хабр в 150% зуме. Ваш ресурс и дизайн хуже от этого не станет.
Причесали голосования

Dear habr, можно пожалуйста сделать так чтобы «незалогинненым» пользователям показывались результаты вместо выбора вариантов?
А то никакой логики…
Нельзя. Иначе результаты голосования будут видны сразу всем, что не есть гуд.
Почему сразу всем? Только незалогиненным пользователям же.
Если вы про то что можно будет разлогиниться и подсмотреть — лично я не вижу в этом ничего плохого и думаю большинство так делать не будет.
Бытует мнение, что если видишь результаты голосования, то это влияет на выбор. Так, например, частенько слетает карма у людей, или рейтинг у комментария/вопроса, если есть несколько минусов.

Не удивлюсь, если все эти плюсики-минусики совсем уберут и будут показывать только в конце.

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

Нет, не интересная.
Для невыносимо страдающих от кармы есть фейсбуки и твитторы с лайками и смайликами.

Если вы не хотите голосовать, а хотите просто посмотреть результат — такая возможность есть. Достаточно ткнуть по тире, которое отображается вместо результатов голосования.
Ого, спасибо! Не знал.
Никогда не замечал это «тире». Пока не могу найти поста с голосованием чтобы проверить.

В таком случае, раз это можно все-равно всегда посмотреть — почему не показывать результаты голосования незалогинненым пользователям по умолчанию? Ведь показывать им только варианты с припиской «Только зарегистрированные могут голосовать» — бессмысленно.
После того как посмотришь — голосовать уже нельзя.
Недавно же убрали тире, теперь рейтинг всегда показывается.
Хмм, ну тогда не понимаю чем это отличается от пункта «Воздержаться» и зачем это тире в принципе тогда нужно.

Оу, не обновил до появления комментария выше. Теперь понял что тире больше нет. Туда и дорога :)
Вы немного про разные вещи, кажется, разговариваете сейчас. Один про голосовалки, внедрённые в статьи (которых может и не быть, и у которых просмотр доступен только после «Воздержаться»), другой — про голосования за рейтинг статьи (который раньше нельзя было посмотреть, не поставив оценку или не тыкнув по тире, и который теперь показывается всем сразу, как оценки у комментариев).
Ктонить — ответьте плиз…
Вы правда оставите цитаты такими страшными? (((
Я не знаю — переделывать мне статью или вообще удалять?.. Оставлять такое здесь — мне стыдно.
Я называю это дизайном не для людей, а для свиборгов, у которых глаза как у рыбы — по разную сторону головы.
У всего огромные отступы, все такое большое, неконтрастное, невзрачное.

Было:
image

Стало:
image

Что такое «Go»? Если не знать, что на этом месте должны быть хабы, то совсем не очевидно, что это такое. В старом дизайне был значок портфеля, если человеку, первый раз зашедшему на сайт, не сразу будет понятно, что это такое конкретно, то по уменьшенному серому шрифту и значку он поймет, что это еще не тело статьи.
Флаеры из контрастных превратились в скучные, неприметные письки.

Даже не столько жаловались, сколько периодически писали в комментариях, что читают сайт на +110%.
Ну спасибо, придется читать его на 90% теперь.

Радуют только контрастные заголовки. Они действительно стали заметнее.
Такое ощущение, что я теперь на постоянном зуме +20-30%. И это очень сильно портит читабельность различных элементов вроде рейтинга, стрелочек, ников и разной «технической информации». Тут нужно как минимум увеличить и цифры рейтинга, и стрелочки констрастнее делать, и плашки ник-дата-ссылка-избранное как-то выделять из текста. Пока такое ощущение, что дизайн смаштабировали и он разъехался.

И шрифты. Они просто У Ж А С Н Ы. Пытка какая-то.
И шрифты. Они просто У Ж А С Н Ы. Пытка какая-то.

Почти уверен, что чуваки их вообще не тестировали — посмотрели как это выглядит на своих маках с HiDPI и пустили в релиз.

у меня мак, и все равно выглядит не очень


везде паддинги, даже у textarea для набора коммента, теперь пока до конца страницы долистаешь — палец устанет

Кстати да, набираешь новый комментарий и впечатление, что он начинается с табуляции.
На Windows с HiDPI, кстати, выглядит весьма приятно.
Проблема в основном у пользователей с браузерами от MS, на скриншоте данные по хабру за последние 30 дней, десктоп-пользователи. Мы эту проблему признаем, сожалеем и сегодня выпустим обновление.

В Хроме у меня тоже вчера вытекали глаза.
Под виндой есть большая проблема со сглаживанием шрифтов на мониторах без HiDPI и некоторые гарнитуры её усугубляют.

Проблема в цвете шрифта — толи недостаточно контрастно, толи слишком контрастно — режет глаза.

Да, если сделать темнее фон — становится лучше.

Шрифты ужасны до полной нечитабельности. Я может смогу читать на 90% зума, но это не исправит интерлиньяж.

Откуда такое соотношение font-size / line-height и отступы между абзацами? И то, и другое прерывает нормальный поток чтения.
Тут видна концептуальная проблема.
Есть вот «потоки», есть «хабы», есть эти (бывшие) флажки непонятные, есть ещё «метки» в самих статьях. Какой-то слишком большой набор пересекающихся сущностей для категоризации, которые при каждом редесигне пытаются совать в разные места, а на деле надо упорядочивать саму концепцию и иерархию этих фитюлек сначала, как мне кажется.

Отдельный маразм, конечно, когда на одной фитюльке по-русски «Перевод», а на второй по-английски «Tutorial». Даже в этом бардак.
Какой хороший редизаин. Если бы не статья, я бы его и не заметил.
Глупости, как открыл хабр — сразу понял что опять начудили с дизайном.
А стрелочки разнести по разным сторонам от комментария, насколько я помню, просили еще лет 10 тому назад… я таки дождался этого знаменательного события :)
UFO just landed and posted this here
Пока читал, постоянно путался при виде скриншотов, думая, что это элементы и их можно потыкать.

Я на секунду подумал, что статья в блоге яндекса.


ПС сломалась клавиатурная навигация

vanga mode: У вас не retina экран, ибо картинки мыло сплошное. Спутать с интерфейсом невозможно.
Надо было добавить скринам теней, это позволяет отделить скрины от элементов интерфейса.
А почему убрали иконку портфеля? Мне казалось, так удобно, сразу видно, что это хабы, а не теги какие-нибудь. И для тегов вместо картинки теперь текст. А в целом очень классный дизайн!

image
— Здравствуйте, мы из компании Samsonite и хотели бы забрендировать ваш чемодан у хабов под нашу продукцию.
— Здравствуйте! Мы такое не делаем.
— Жаль. Ладно, всё равно будем думать, что это наш чемодан в каждой статье…
— Не будете

Поддержу! Верните иконку портфеля :)

Спасибо, что показали, что у меня не разу в жизни на дефолтных windows (не на firefox, не на chrome), не отображается шрифты так как вы задумали.

Да, кстати, кто скажет как сделать шрифт такой же, какой показан на скриншотах "как стало"?


А то как-то в Хроме (Win 10) оно совсем не так смотрится.

В CSS написано


font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto", ... // и т.п.

в общем, первым идет системный шрифт Apple, скриншоты видимо тоже делались на Маке.


Так что, как ни крути, но такие же точно шрифты в Windows не завезти.

Вот лучше бы шрифты не трогали — от этого уже глаза болят.

Шрифты на Виндоусе — это та еще боль, к сожалению. Тоже постоянно с этим сталкиваемся.

Кто-то подумал, что я отвечаю от лица Хабра, видимо)

1. Дата и время — это важно. Имя автора — это не важно. Но у вас теперь сначала имя автора, а уже потом — дата и время. Зачем? Мне одному кажется, что имя автора, как и плюсы-минусы, должны идти в самом конце, чтобы у человека возникало непредвзятое впечатление хотя бы в самом начале?
2. Поток — это важно. Это как раз то, что позволяет предположить, про бэкапы «Вспомнить всё» или про ретро-компьютеры в фильмах девяностых. Связка «Поток — Название» была разумной. Сейчас поток засунут в конец одной строки, маленькими буквами, а потом уже стоит одно название. Зачем?

Это я ещё дальше первого примера не дочитал, сразу захотелось высказаться.

Серьёзно, ребята, вы видели хотя бы один редизайн, когда пользователям он бы сразу понравился? Вообще, зачем делать редизайн, если и так всё работает? Это, конечно, риторический вопрос, я понимаю, что дизайнеры тоже хотят кушать. Но, может, всё-таки разносить это дело на новые и старые стили? Пусть те, кому не нравится новый дизайн, сидят на старом — и дизайнеры сыты, и юзеры целы.
> Имя автора — это не важно.
А если Alizar ;)? Тут нужно быть заранее предвзятым.
Его узнают по заголовку.
Укажите пожалуйста успешные варианты поддержки новых и старых дизайнов на сайтах
Вы таки не поверите, но, например, в ЖЖ когда-то ввели новую, модную ленту. Уж не знаю, сколько человек ей пользуется, но старый вид до сих пор существует. Это я уж не говорю о том, сколько с тех пор там поменялось дизайнов интерфейса, а у меня до сих пор стоит не поддерживаемый уже лет 5 минимум вариант, который даже выбрать больше нельзя. Однако ж работает.
Тогда всеобщего счастья нельзя добиться, общество становится расколотым и вольно думающим.
Дайте им хоть один дизайн нормально сделать, а то будет два косячно-работающих.

В таких проектах админский подход «работает — не трожь» не подходит. Всё-таки сайт с огромной аудиторией это суть живой организм и эволюция неизбежна)

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

Поправим, потеряли.

После добавлении ответа при наведении на ник не появляется информация о пользователе. Я даже вам баг-репорт писал на эту тему) И еще. Сделайте пожалуйста отправку комментария по Ctrl/Cmd + Enter, оч прошу :)

Попап с информацией о пользователе поправили. Хоткеи на подходе :)
Boomburum А можно поправить логику хоткеев «J» «K» для тех кто вырезает с помощью CSS или uBlock ненужные им блоки. К примеру на странице список статей. Я вырезал какую то компанию или к примеру блок «Мегапосты». Затем как только я с помощью хоткеев дохожу до вырезанного блока, то начинаются скачки вниз страницы или чего похуже. Можно сделать так, чтобы вырезанный блок перескакивался хоткеем или просто не замечался?
Мы точно починим хоткеи для штатных функций сайта (листание постов, каментов, подписки и т.д.), но не обещаю насчёт полной поддержки сторонних расширений.
Спасибо Boomburum что принимаете во внимание. Вроде уже прогресс. Со Stylish работает. А вот с uBlock на таком коде заваливается:

! Вырезали компанию
habrahabr.ru##:xpath(.//a[contains(@href,'https://habrahabr.ru/company/pentestit/')]//ancestor::li[1])

! Мегапосты
habrahabr.ru##:xpath(.//a[contains(@href,'https://tmtm.ru/megapost')]//ancestor::li[1])

А вот если оставить заголовок li, а убрать ниже стоящий article, то кажись работает.

habrahabr.ru##:xpath(.//a[contains(@href,'https://habrahabr.ru/company/pentestit/')]//ancestor::article[1])

Только с галочкой соответствующей. А то я иногда теряюсь в догадках. то ли я щас перенос строки кода сделаю, то ли неготовый комментарий отправлю

Это мы вернем, потерялось странным образом.

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

Вечно виновная девочка добралась до ТМ...
Насколько я помню, непрочитанные комментарии автора статьи раньше помечались как непрочитанные (голубым в заголовке), а теперь помечаются так же, как все комментарии автора статьи (зелёным). Т.е. теперь не видно, что они не прочитанные. Это специально сделано?

И ещё, раньше перемещение к первому непрочитанному сообщению было плавным, а теперь как-то рывком (Firefox Windows).
На хабре вроде бы исправилось, а на GT всё так же (только что открыл https://geektimes.ru/post/290087/).
проверка
https://habrahabr.ru/company/tm/blog/335642/
Проверка не пройдена.

Ссылки все еще не парсятся и не распознаются автоматически. Такого простого и привычного функционала — нет до сих пор. А значит все будут по привычке копипастить ссылки без оборачивания их тегами, потому что так привыкли и лень, а читатели будут возиться с «выделить-скопировать-вставить-перейти», особенно это «приятно» на смартах и планшетах.

Я стараюсь оборачивать ссылки тегами, даже на смарте, хоть это тот еще гимор, но похоже — перестану заморачиваться. Пусть все мучаются одинаково, чем я хуже?

___
При переключении между полем ввода комментария и кнопками Предпросмотр-Отправить — пропала рамка выделения фокуса, нажал на Таб и не понимаешь — на какой кнопке фокус.

Метод научного тыка подсказывает, что при включенном Markdown автораспознавание ссылок присутствует

А почему это не работает в привычном для многих html? Я умею верстать и стандартные теги меня устраивают, а это md для меня категорически непонятен — никогда им не пользовался и не планирую.

Судя по количеству некликабельных ссылок в комментариях — не только я предпочитаю html.
Причем раньше все работало корректно, сломали с введением markdown.
Откуда вообще этот md взялся? Хабр — первый ресурс, где я его вижу.
На Github, Vanillaforums, Slack есть поддержка Markdown. Люди просили поддержку, ее сделали.

Пришлось учиться md. Только в нём есть id на заголовках.

Хм… А зачем это надо?
Для создания оглавления с ссылками на главы статьи.
В html это запросто решается с помощью label, я пробовал — у меня все получилось, работает даже в комментариях.

А можно пример а то я не совсем понял как?

В тексте публикации я ставлю якорь:
<anchor>dervish</anchor>
А потом делаю ссылку на него:
<a href="#dervish">
Ссылка выглядит — как обычная ссылка, можно добавить ей любой текст, который будет подсвечен. Я даже в комментарии эту ссылку указывал — и она кидала на то место в статье, где стоит якорь. Все это есть в хелпе к редактору статей.

Кстати, я как‐то наткнулся на подобную ссылку на главной, она не работала, а вела на главную (т.е. для списка публикаций с ссылками на раздел до ката, ссылки на раздел не переделывались из #link во что‐нибудь вроде /company/tm/blog/335642/#link). Не знаю, поправили ли.

Просто надо указывать абсолютную ссылку — habrahabr.ru/p/ID_поста/#link (где вместо p может быть алиас компании или ещё что-то, но привязка всё равно к айдишнику) — тогда можно сослаться на якорь внутри поста даже из докатной части в ленте.

Что не очень удобно, требует знания собственно ID (т.е. придётся заменять после отправления на хабр) и вообще, зачем напрягать авторов, если такую замену можно сделать автоматически на сервере?

А чем вас не не устраивают якоря?

Всем устраивают только никак не получалось их сделать.

Это вы зря. Мне вообще в многословном html писать ничего не хочется.

В markdown ширину картинок нельзя менять, что печально.

Да и сам markdown работает парсится через пень-колоду.
Репорты отсылать бессмысленно, читает только робот.
Можно шестой добавить: некорректно обрабатывает вложенное цитирование.
Еще какой-то баг всплывал, но память дырявая и заявки в «обратной связи» не прочтешь.

> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.

> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.
В качестве костыля посоветую юзерскрипт, который будет делать из текстовых ссылок кликабельные. Конечно, каждому пользователю придётся устанавливать его в браузер на каждом своём устройстве…
Я за десктопным браузером только на работе, дома практически все время со смарта, так что этот костыль мне не поможет :(
На смартфонах тоже можно использовать юзерскрипты. Например, для мобильного Firefox есть дополнения Tampermonkey, Violentmonkey и USI, каждое из которых позволяет использовать юзерскрипты. Хотя, со скриптами, заточенными под особенности Greasemonkey, могут быть проблемы, да и в целом эти дополнения ещё не так «вылизаны» как Greasemonkey (но последний для мобильных браузеров отсутствует, увы).
Я не смог заставить себя пользоваться мобильным Фоксом, с Оперой ничего пока не может сравниться.

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

Пофиксили, теперь распознаются. Извините за неудобства.
Шрифты! Мои глаза! За что?!
*я всего-лишь минуту назад в другом топике комменты обновил и увидел, как ленту «порвало» собрался писать баг-репорт, сделал скрин. Но вдруг холодок пробежал по пятой точке: «неужели редизайн, опять»? Полез в ленту — да, это опять редизайн…
Я тоже увидел "ЭТИ ЧУДО ШРИФТЫ" после отправки комментария. Подумал CSS разъехался… а нет — редизайн.
UFO just landed and posted this here
UFO just landed and posted this here
к офтальмологу за Вами буду
Меня больше всего кумарит, когда из-за разных размеров картинки и докатового текста получается разная длина между статьями. Сделайте один обязательный стандарт, плиз…
Могу даже предложить — картинка на пол ширины ленты, а место справа от нее занимает докатовый текст. Причем текст по высоте равен высоте картинки. Будет очень красиво — плотно и единообразно.

И еще — сделайте, пожалуйста, прыжки табуляцией по новым непрочитанным сообщениям, а Shift+Tab или Ctrl+Tab — по всем своим.
А-а… увидел изменения )) Спасибо! Тогда остается только предложение прыгать еще и по свои сообщениям.
В трекере, при нажатии на заголовок статьи — автоматом кидало к первому не прочтенному комментарию. Теперь выбрасывает к заголовку и надо руками тыкать на кнопку счетчика новых постов справа.
Пожалуйста верните точки, которые характеризуют уровень вложенности ветки комментария. Учитывая, что на широких экранах левая часть экрана — огромная белая пустота, то невозможно быстро понять после кучи разных веток, на какую теперь был ответ:

--.
----.
------.
-----.
------.
----.
--ответ на 2ю ветку (сложноотличим от первого комментария).
-новый комментарий без ветки


Нажимать постоянно скрыть/раскрыть ветку нехочется
Значит, автоматического парсинга ссылок не ждать?..
Вот это было бы офигенно удобно!
Еще бы вернуть подсветку кнопок в таб-ордере, а шрифты и стили все равно каждый сам колбасит через плагины.
К слову.
Похоже что таб-ордер вообще пропал. Нельзя из формы камента перейти двумя табами на отправить и нажать ее пробелом.

upd
А нет — работает, но такое впечатление, что только на хабре, на гт тупит.
UFO just landed and posted this here
Теперь бы еще разнести «Ответить» и «Пожаловаться»
Шрифт в комментах мелковат, за что вы так с нашими глазами?
16px еще бы куда ни шло…

Отвалилась отправка комментария по Ctrl+Enter.
Ладно кегль статьи, но комментарии теперь читать неудобно. Кегль меньше и не совпадает со статьёй. Приходиться щуриться.
У меня под Debian 8 вообще какой-то ад с текстом. :(
У меня под Ubuntu 16.04 шрифт комментариев и статьи стал настолько жирным, что с них жир на футер капает.
Похоже жир вытек — шрифты нормализовались.
Зачем вам буквы читать? Любуйтесь отступами, смотрите, сколько отступов завезли!
Некоторые элементы стали крупнее, это круто. Об остальном —
под спойлером
Нельзя просто так взять и сделать было/стало в одной картинке с горизонтальным сравнением. Ведь скролить туда-сюда в попытках поймать изменения шрифта на кегль — так удобно

UFO just landed and posted this here
Было бы еще здорово если бы спойлер пометили как кликабельный элемент. Использую в браузере плагин для эмуляции вима, но по спойлерам приходится курсором кликать.

Лично у меня спойлер еле-еле разъезжается, Как будто CPU загружен на 100% и кадры пропадают. У кого-нибудь тоже так?

Кстати да, чрезвычайно медленная и дерганная анимация выходит. Интересно — почему?
«Верните старый дизайн» от создателей «Верните стену» от создателей «Раньше было лучше»…
Сделайте, пожалуйста, вверху страницы ссылку «Перейти к комментариям». Кейс: я уже прочитал статью в RSS-ридере и теперь меня не интересует ее полный текст, хочу посмотреть комментарии. Сейчас в таком случае открываю статью в браузере и долго мотаю вниз через уже прочитанное. А хочется открыть, кликнуть и сразу оказаться на комментариях.
Как по мне, менять звездочку на флажок было не обязательно, а в целом все очень даже хорошоэ

Мне нравится идея с системными шрифтами, но вот segoe в windows — ужасный шрифт (и fira sans туда же). Слишком тонкий.

UFO just landed and posted this here

Да, очень хотелось бы список старых шрифтов, чтобы можно было хотя бы user style сделать.

Пока что такой юзерстиль получается:


Заголовок спойлера
:root {
  --fontMain: Verdana, sans-serif;
  --fontComments: Arial, sans-serif;
  --colorText: #000;
}

.comment__message, .comment-form__preview {
  font-size: 14px;
  font-family: var(--fontComments);
  line-height: 140%;
}

.post__text {
  font-size: 14px;
  line-height: 160%;
  font-family: var(--fontMain);
}

body,
.post__text-html,
.post-info__title,
.post__text,
.comment__message, .comment-form__preview {
  color: var(--colorText);
}

body {
  font-family: var(--fontMain);
}

Посмотреть старый дизайн можно через веб-архив и аналоги. Пример поста.


Раньше основной шрифт текста был Verdana, sans-serif. Но для комментов использовался Arial, sans-serif. Так же нужно скорректировать размер, цвет (сейчас слишком бледный, а раньше #000).

Ну и, чтобы совсем нельзя было оторваться )), можно сделать вкл/выкл автоматическую подгрузку новых сообщений с отображением их числа в хвостике-шапке вкладки.
А могли бы за образец взять эту (мега-популярная для всей линейки stack***) — https://userstyles.org/styles/37035/github-dark

Ув. Boomburum и deniskin — дайте пожалуйста знать, что думаете об этом? Более 90к юзеров уже у этого юзер-стиля, сам использую уже давно, он просто шикарен. Вот бы его за основу! Вы же IT-ки, прогрессивные люди — SASS/SCSS/LESS вас же не должны пугать.

NegativeScreen (http://arcanesanctum.net/negativescreen/). У нас печеньки! (Грустный злодейский смех сквозь слёзы). Только под Windows + Aero. Отсутствие адекватных и беспроблемных аналогов даже отвернуло меня от повседневного использования дома убунты.


P.S. даже не могу уже понять, как можно ждать тёмную тему от каждого производителя и продолжать терпеть эти белые глазовыколупывательные пятна на экране. А если работаешь работу с кучей неподдерживаемой давно проприетарщины?

Не знаю с этим обновлением или нет, но анимация перехода к новому комментарию стала значительно быстрее — это здорово!
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;

Это же шрифт, которым выводятся надписи в интерфейсе Windows. Для текстов сама Microsoft подразумевает применение Calibri (шрифт по умолчанию в Microsoft Office), а не Segoe UI.
UFO just landed and posted this here
Полужирный — работает
Наклонный — работает

На Хабре работает, а на ГТ кнопки в формах ответа перестали оборачивать выделенное тегами.

тест
А я вообще не вижу иконки отредактированного комментария. Видно только в чужих.
Иконка того что комментарий был изменён находится рядом с юзернеймом, и кажется, что это кнопка для редактирования юзернейма (что конечно же не так). Лучше унести эту иконку в другое место. Например, разместить её справа у кнопок ↓ и ↑. Или разместить эту информацию внизу, у кнопок ответа и жалобы.

в новой форме комментариев не работает отправка по Ctrl+Enter (хотя и в старой оно работало только с Ctrl, но не с маковским Cmd, но уже ладно)

UFO just landed and posted this here
— Увеличили кегль шрифта. Не потому, что у нас появились проблемы со зрением, а потому, что сейчас это вполне правильный тренд современной веб-типографики, да и многие из вас не раз жаловались на мелкий шрифт. Даже не столько жаловались, сколько периодически писали в комментариях, что читают сайт на +110%.

Интереса ради прыгнул на зум 100% (без увеличения)… Имхо вообще нечитабельно. Ни статья, ни тем более комментарии… уехал обратно на свои любимые 150% (благо и экран в таком случае используется полностью, а не узенькая колонка в пол-экрана).


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

Из той же оперы: рейтинг своих комментариев некрасиво выравнивается по правому краю


screenshot

UFO just landed and posted this here
скажите пожалуйста, а почему нельзя получать уведомления об ответах на мои комментарии вместо писем?
как-то странно искать ответы на комментарии в емейлах, а не на самом сайте, уже не говоря о том, что это неудобно
Плохо, что служебные части растянули. Ещё один сайт, который считает, что большие экраны нужны не для отображения большего количества информации, а для размазывания имеющейся по всей площади…
1. Что-то страшное сотворили с сертификатами. Опера 12.18 теперь напрочь отказывается коннектиться к хабру/гиктаймсу. Причём даже не ругается на сертификат, а просто говорит, не удалось, мол, подключиться. Я даже сначала думал, что редизайн пошёл как-то не так, и сайт временно отрубили, пока не догадался в FF проверить.
2. Кнопки перехода к непрочитанным комментариям при обновлении списка не забывают старые комментарии и продолжают прыгать по теперь уже прочитанным (которые до этого были непрочитанными).
Не знаю, может за это время пофиксили, но с оперой 12.18 всё ок там, показывает TLS v1.2 128 bit AES GCM ([256, 2048] bit ECDHE_RSA/SHA-256)
Тут интересно было. Пришёл домой — в Опере всё открывается. Ну, думаю, пофиксилось уже, ура. Сегодня пришёл на работу — а тут не открывается (то ли всё ещё, то ли опять). А сейчас попробовал — открылось. Чешу репу, в чём могла быть причина. В любом случае, хорошо, что ожило. А то Firefox у меня в последнее время какой-то совсем тормозной и дёрганый стал. :-(

P.S. Однако сайт-то открывается, а комментарии в Опере писать не даёт. При нажатии на Предпросмотр или Отправить просто ноль реакции.
У меня часть постов с поехавшими стилями были, будто из кэша брала. Хотя пытается загрузить с интернета. После перезапуска всё заработало.
1: это не с сертификатами что-то сделали, это была проблема с доступом к CRL у Comodo CA. На старой опере сегодня несколько часов все сайты с комодовским CA так себя вели.
Кстати, Wireshark'ом я немного тогда пошерстил, видел запросы сертификатов и вполне себе нормальные HTTP 200 в ответ. Правда, что там реально возвращалось, не проверял…
Да там всё вперемешку было. Для некоторых сайтов httр://crl.comodoca.com/COMODORSADomainValidationSecureServerCA.crl даже ACK не возвращал. Через пару минут с очередной попыткой начинал соединение, но браузер начинал ругаться на некорректную OCSP-связку. И так хаотично по кругу. Кстати, пару недель назад примерно такое же поведение было и с CA яндекса (который промежуточный), правда совсем недолго.
PS: прошу прощения за оффтоп, так получилось :-[
Плиз — верните выделение разделов «Управление», «Разработка» и тп, Что бы сразу было видно, что статья про «Маркетинг» и туда можно не заходить.

Шрифты!!! За что??? Что я вам сделал плохого, что вы меня мучите полужирным???
И жёлтые плашки. Кошмар.
Зы. У меня шрифты совсем не как на скриншотах. Вы их только в вендах на интернет эксплорере тестировали, что ли? Хром линукс и хром андроид — ужас непереносимый.

Так в винде так же все очень плохо — мои глаза кровью плачут.
UFO just landed and posted this here
Авторитетно
Скрин того сайта

Ubuntu 16.04 Opera — рендерится Roboto (и рендерится крайне некрасиво).
Верните Arial ну или Ubuntu
У меня с точностью до наоборот — Windows с установленным шрифтом Ubuntu (и рендерится крайне некрасиво). Верните Arial ну или Verdana.

image
Иногда статью читаешь, просто чтобы потом почитать комментарии. Можно как-то прыгать по самым популярным комментариям? (предложение)
Да, сортировки комментариев не хватает. Например, как в Фейсбуке: по времени, по популярности и т. д.
Как раз эта реддитофэйсбучная гадость и не нужна. Комментарии представляют собой последовательное по хронологии полотно, а перемешивать его туда-сюда это банально неудобно для юзера — если, конечно, он не хочет просто прочитать пару топовых комментов и всё. Для фэйсбука это нормально, там и один абзац текста выглядит как война и мир, но тут-то?
Так я предлагаю как раз дать пользователю выбор, пусть он сам выберет, что удобнее. По умолчанию сделать хронологический порядок.
Будет проблема с тем, что все начнут отвечать только в верхнюю ветку, потому что там весь движ будет(посмотрите соотношение на тех же реддитах или пикабу), на тех ресурсах это не так критично, а на хабре лучше не.

Можно сделать опцию автоматически сворачивать старые ветки без оценок, например.
Можно сделать опцию автоматически сворачивать старые ветки без оценок, например.

Нет-нет-нет!
Сворачивание комментариев по умолчанию — это именно то, что убивает желание читать комментарии напрочь. И на фейсбуке и на SO такая порнография, очень неудобно.

Ну вот я бы с удовольствием прочитал бы только топовые комментарии (и их ветки). Зачем мне стопицот комментов ни о чем?
Сортировка не нужна, а вот возможность свернуть ветку была бы действительно удобна. Зачастую в статьях появляются ветки комментариев с оффтопиком или с детальным обсуждением очередного холивара a la «Linux vs Windows» длиной в несколько экранов. Чтобы добраться до следующего комментария по теме статьи приходится скроллить 5-10 экранов вниз, а если ветка с оффтопиком началась не из корня комментариев (как оно обычно и бывает) определить откуда продолжается обсуждение становится еще сложнее.
Отчасти помогает юзерскрипт "Answer to", который при наведении на стрелку «показать предыдущий комментарий» показывает его во всплывающей подсказке (чтобы сориентироваться, в какой, собственно, ветке вообще я сейчас нахожусь). Но он, конечно, сломался сегодня.
Поддерживаю, этой функции очень не хватает.
Есть юзерскрипт, несколько лет его юзаю.
Я для себя написал userScript с таким функционалом. При нажатии клавиши f быстро но плавно перематывает к комментарию с наибольшим количеством голосов. При чём дописывается сколько всего было голосов, ведь бывает позитивная и негативная реакция компенсируются. А так видно все резонансные коменты.
Исходный код user script-а
var scoreElems
var scoresCache
var scores
var index
var max
var time = 0
var beginTime = 0
var begin = 0
var change = 0
var duration = 200
var factor = 0.05//.15

var easeInOutQuad = function (time, begin, change, duration) {
	time /= duration/2
	if (time < 1) return change/2*time*time + begin
	time--
	return -change/2 * (time*(time-2) - 1) + begin
}

var animateScroll = function(){
	time = performance.now() - beginTime
	var target = easeInOutQuad(time, begin, change, duration)
	window.scrollTo(window.scrollX, target)
	if(time<duration) {
		requestAnimationFrame(animateScroll)
	} else {
		window.scrollTo(window.scrollX, begin + change)
	}
}

var getScores = function(){
	scores = scoresCache.map(s => +s[0])
}

var nextComment = function(){
	max = -0.3
	for (var i = 0; i < scores.length; i++) {
		if(max < scores[i]){
		 	index = i
		 	max = scores[i]
		}			
	}
	if(max === -0.3) getScores()
	if(scores[index] == 0) scores[index] = 0.5
	scoreElems[index].innerText += ' / ' + scores[index]
	scores[index] = -scores[index]
	time = 0
	begin = window.scrollY
	change = scoreElems[index].getBoundingClientRect().top-150
	duration = Math.abs(change *factor) + 300
	beginTime = performance.now()
	requestAnimationFrame(animateScroll)
}

document.addEventListener('keydown', function(e){
	if (e.which === 70){ //клавиша f или а
		if(e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA') {
			nextComment()
		}
	}
})

window.addEventListener('load', function(){
	scoreElems = Array.prototype.slice.call(document.querySelectorAll('.js-score'))
	scoreElems = scoreElems.slice(1)
	var number = /\d+/
	scoresCache = scoreElems
		.map(e => e.title)
		.map(t => t.match(number))
	getScores()
})

Когда переходишь по непрочитанным комментариям, страница иногда позиционируется «правильно», а иногда нет — захватывает половинку слова «Ответить» от предыдущего комментария. Не то, что б это мешало, но это заметно и немного странно.
Блин, теперь меня коробит от этого :(
Ctrl+Enter >_<
HES скрипт от Habracommunity поломался, беда-огорчение. Ализар во все поля вылез на гиктаймсе, я уже забывать начал…
Переходя до самого первого или последнего не прочитанного сообщения переход перестаёт работать.
В форме комментирования табуляция больше не прыгает по кнопкам, или просто рамочки исчезли?
Блин, счётчик непрочитанных комментариев сбоит. Когда-то давно открыл этот топик, прочитал 50 новых комментариев. Чуть позже подгрузил новые кнопкой справа — показало число 9. Ткнул в него мышкой — стало 58! В процессе тыкания сайт проходится по всем этим 58 комментариям, которые я уже смотрел и которые для меня не новые, а новых комментариев на самом деле всего 9.

UPD: сразу после отправки этого коммента вылезло 56 «новых» комментариев

Было бы хорошо в комментариях не делать такого акцента на нике автора, зачем это, постоянно отвлекает внимание от текста комментария… .user-info__nickname_comment {font-weight: 600} решает в Firefox/Win

А мне нравится. Зашел и сразу в глаза бросился простор и легкость.
Прочитал как: «Зашел и сразу на глаза набросился простор и легкость.»
— Опять редизайн — подумал Штирлиц, услышав за спиной шорох сыплющихся шрифтов. Но продолжал излучать уверенность в победе.
— Как-то он слишком оптимистичен — подумал Мюллер — ведь все понимают, что конец уже близко, а он делает вид, что ничего не случилось. Похоже, он ведёт какую-то игру…
Надо не кровати двигать, а шлюх менять(цит.)
Для чего менять привычное пользователю окружение? Просто чтобы поменять? Или кто-то очень просил об этом? Или пользователь не должен находиться в зоне комфорта?
Теперь, чтобы пользоваться с удобством на прежнем уровне, нужно делать свой стиль? Ну чо, очень клёвая мысль))
Теперь стрелочки голосования за комментарий больше, чем число рейтинга комментария. Это как-то нелогично :)
Кроме того, их слишком разнесли в стороны, как мне кажется.
image
И очень хорошо, что разнесли! Я на мобильнике не раз промахивался по нужной стрелке.
Подвижки есть — но перевод — это не плашка или тег должны быть — а написание заглавия статьи (и автора в скобках) на оригинальном языке статьи. А у ж далее на русском.

Эх, когда вы до этого дойдёте то. (С)

Перевод может быть не только с английского. Так что, надеюсь, никогда они до этого не дойдут.

UFO just landed and posted this here

Потому что, скажем, "спросите Итана" я понимаю и читать не буду. А イーサンを依頼 я не понимаю и мне как минимум нужно читать докатную часть, чтобы понять, что я это читать не буду

UFO just landed and posted this here

1) Изначально было предложено, цитирую: написание заглавия статьи (и автора в скобках) на оригинальном языке статьи
2) Ну и зачем мне заголовок вдвое большей длины, чем следует?

UFO just landed and posted this here
sumanai
Впрочем лично я не против нынешнего варианта под заголовком, только туда нужно добавить «Перевод, ссылка на оригинал:».

Не надо!

Что предлагалось неоднократно:
написание заглавия статьи (и автора в скобках) на оригинальном языке статьи. А уж далее на русском.

Что зроблено:
Написание заглавия статьи (и автора в скобках) на оригинальном языке статьи заменено на урл оригинальной статьи. Урл (то есть набор символов для компа предназначенный) в тексте для человека предназначенном(!) — это как? — и это в 21 веке? - Это Ужас и Кошмар.

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

Вот идеальное решение:
Написание заглавия статьи (и автора в скобках) на оригинальном языке статьи. А уж далее на русском. — При этом либо ссылку на оригинальную статью «спрятать» на заголовке (который на иностранном то) или рядом поместить значок какой-нибудь и на него ссылку установить то на оригинальную статью.

И всё — и на века забыть ту чехарду с вопросом — а это перевод? А где ссылка на оригинал? А где это указано?

Эх, когда вы до этого дойдёте то. (С)

У нас тут русскоязычный сайт и название на русском должно быть основным, а оригинал в скобках.

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


Довольно часто читатели в комментариях обращаются к автору "почему вы делаете Х а не Y". А переводчику ответить нечего, кроме как "вообще-то это перевод".

Кстати, насчёт плашек: теперь эти «перевод» и пр. слишком уж похожи на кнопки. Сравните «Написать» в шапке и «Перевод» под заголовком статьи: разница только в оттенке и размере.
UFO just landed and posted this here
Справедливости ради, полная ссылка на оригинал сразу под заголовком — это классная фича.
UFO just landed and posted this here
Сразу заметил, что шрифт и интерфейс стал более «мягким и пушистым»:).
Стандартный вопрос о выделении опечатки и нажатии Ctrl+Enter.
Ya.Browser, win10. Видимо я чего-то не понимаю, раз комментаторы жалуются на мелкий размер шрифта. У меня всё очень жирно и размашисто.
image
Пока баловался с кнопкой «редактировать», поймал момент отправки в нулевой таймер (переключалось с 00:01 на 00:00). Вышло забавно.
Заголовок хайд-блока

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

С потерей введённого (отредактированного) текста?
А зачем этот текст, если время на редактирование истекло?
Чтобы его сохранить и запостить в виде комментария, разве нет?
А смысл? Правят комментарии обычно, чтобы исправить опечатку или удалить дубль. Зачем весь текст сохранять для нового комментария, когда можно отдельно написать — «простите, опечатка здесь» или «извините, дубль, обещаю обновлять комментарии».
Да и трёх минут обычно достаточно. Я не вижу такой уж острой необходимости сохранять отредактированный текст после истечения таймаута на редактирование. А вот выйти из режима редактирования или набора нового комментария — было бы приятнее, чем оставлять это окошко и выбирать другую ветку для ответа\нового комментария. Или обновлять страницу. Не хватает кнопки «Отмена».
Вот именно, что раз трёх минут не хватило — значит, исправление было более существенным, чем просто опечатка. Если я три минуты печатаю текст, а потом сайт заботливо его удалит, пока я тянусь мышью до «отправить» — захочется клавиатуру в стену швырнуть.

Но кнопка «Отмена» не помешала бы, согласен.
Вижу, с моим мнением очень сильно несогласны уже два человека, но вот что интересно — если человеку надо так долго редактировать комментарий, то может с человеком что-то не то и он не может более тщательно подготовить свой ответ и поторопился с ним?
Да всё что угодно может быть. Может, с человеком что-то не то и он поторопился. Может, он едет в поезде, вагон качнуло, и он случайно ткнул в «Отправить». Может, комментарий, на который он отвечает, успели радикально отредактировать, и ответ стал не к месту. Может, комментарий освещал какие-то события, разворачивающиеся в реальном времени, и за три минуты успел стать неактуальным.

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

Мне такой подход напоминает про наш офисный принтер: если ему не хватило памяти, то он выбрасывает отсканированный документ. Представьте, вы засунули в сканер сотню‐другую страниц, поставили худшее качество из приемлемых (вы знаете, что памяти может не хватить), запустили сканирование на samba‐шару, либо на флэшку и смирно ждёте. Минут через пять‐десять сканер прекращает дёргать автоподатчик, пищит и радостно заявляет «памяти не хватило, задание отменено!». Блин, на флешке/шаре куча памяти. Не можешь использовать её (понимаю, что это намного сложнее запрограммировать), засунь туда что уже насканировал и пожалуйся пользователю, PDF’ки вообще‐то можно легко объединять.


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

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

Я надеюсь не нарушу правила Хабра, вот тут несколько косметических фильтров для uBlock (убирают все лишнее)
Одинаковые фильтры для разных доменов можно объединять. Например, habrahabr.ru,geektimes.ru##.post-share

А фильтры вида indented.content_left > .default-block_content.default-block я упростил до простого .default-block — такой фильтр разом скрыл мне ненужную правую панель, блоки «похожие посты», «обсуждаемое» и так далее. Я этими блоками всё равно не пользуюсь.
UFO just landed and posted this here

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

deniskin А можно ли будет когда-нибудь настроить Tmfeed как GT и HH отображение всего «доката», а не просто один заголовок? Это было бы замечательно, как мне кажется.
сайт каким был, таким и остался
Нифига у вас самомнение :)
То незаметный редизайн, то редизайн, при котором сайт не меняется. Дайте затянуться и мне тоже.

За теги abbr спасибо — наконец-то одна пунктирная линия.
Но зачем у хайд-блоков убрали границы? Теперь же при вложенности хайд-блоков не видно этого и кажется, будто они последовательны. И не хватает кнопки «свернуть» в конце хайд-блоков.
Выскажу свое мнение как человек с плохим зрением.
Если раньше Хабр был для меня эталоном или не побоюсь этого слова золотым стандартом типографики(из за шрифтов и размеров основного текста и текста комментариев), то сейчас стали сильно болеть глаза после короткого чтения.
Понимаю что мало кого интересует мнение нескольких пользователей, тем более после больших объемов проделанной работы.
Но если я раньше мог часами читать хабр без напряга для глаз, то сейчас глаза и даже голова болят после 10-15 минут. Даже трудно понять почему то ли из за шрифта то ли из за разреженности.
Повторюсь раньше хабр был для меня идеальным и хотелось ставить его в пример того как должен выглядеть идеально читаемый текст…
Интересно мнение других людей с проблемами зрения, но для меня это -100500 к читабельности.
Может кто-то подскажет как можно вернуть предыдущий вид основного текста и комментариев с помощью кастомных стилей?
UFO just landed and posted this here
Большое спасибо добрый человек!
Из за трудности с чтением даже не захотелось читать все коменты в поисках что кто-то напишет решение с помощью стилей. Как-то так. Еще что-то меняют посмотрим что получится…
Знаете, первый раз я хочу закрыть хабр и не возвращаться. Шрифты вообще невменяемые. Если сегодня утром они были просто мелкими, то сейчас они мелкие полужирные. Начертание цифр невменяемое, 1 вылазит за пределы, как в падонкаффском сленге. Я нЕ хОчУ ЧиТаТь ЭтИ зАбОрЧиКи. Интервалы — п#z$@ц, границ между блоками вообще не видно. Где комментарии, где пост, не понять.
Плотность информации упала в разы — читать по диагонали стало невозможно, а точнее не даёт прироста скорости. Похоже буду читать хабр не на сайте, а через агрегаторы, а если не получится, то ну нахер.
P.S. Пока писал жирность пофиксили, но всё так же плохо читается.

Стандарт: ОС, Версия браузера, можно скрин. Без этого конструктивного диалога не выйдет.

Я не один с таким поведением был: https://habrahabr.ru/company/tm/blog/335642/#comment_10362148
Сейчас шрифты вернулись старые. Претензии к ним снимаются. Но плотность текста из-за интервалов и размера шрифта всё ещё актуальна.

UPD: Segoe UI по просьбам заменен на Arial

Может тогда лучше на просто sans-serif?
UFO just landed and posted this here
Как думаете, есть ли вообще смысл для веба указывать шрифты по-умолчанию в линуксовых средах («Oxygen», «Ubuntu», «Cantarell»)? Вроде «Ubuntu» неплохой шрифт, или все равно нафиг его?
UFO just landed and posted this here
Теперь бы ещё и размер сделать как в статье и вообще хорошо будет.
А почему не на вердану, как раньше?
Шрифты это просто оживший ночной кошмар. Ужасный контраст. К чему эта жирнота? Кошмар. Дизайнеру отрубить руки, арт-директора уволить.

Ужасный контраст и жирнота, класс. Вы наверное знаете как правильно? Очень интересно почитать о типографике в вебе.

Да представь себе, я знаю как правильно, мой друг.
1) Правильно вообще не менять устоявшийся дизайн и юзабилити на высокопосещаемом и популярном ресурсе, если большинство людей он устраивает, а так же если он отвечает современным техническим требованиям и корректно отображается в современных браузерах.
2) Правильно не устраивать перемены ради перемен.
3) Правильно не слепо следовать моде и тенденциям, а включать голову и постоянно спрашивать себя «зачем?» и «почему?»
4) Правильно не брать на ответственные должности некомпетентных студентов только потому что они твои племянники.
5) Правильно проводить всестороннее тестирование продукта с использованием разнообразного парка реального железа и только после выгружать его в продакшн, предварительно скрестив пальцы.
6) Правильно временно сделать ссылку под каждым постом на сайт с новым дизайном, который стоит расположить на отдельном домене для открытого бета-теста и обсуждения возникающих проблем с пользователями.
А так же еще очень много «правильно» которые местные разработчики проигнорировали по собственной самоуверенности, надутости и пренебрежению к собственным пользователям.
Подозреваю что всему виной пункт номер 4 из списка «правильных» вещей.
Мы не изменили дизайн и юзабилити радикально, все основные элементы интерфейса остались там же. Мы освежили внешний вид сайта, который не менялся 11 лет. Если изменения позволяют решать другие задачи, эти изменения нужно проводить и не бояться. Когда ты не проводишь изменения, твой классно выглядящий в конце 90-х сайт в нынешнее время может выглядеть как мем (например: craigslist.org или drudgereport.com).

Касательно пункта №4 стоит пояснить, чтобы единственный способ, которым можно попасть к нам в команду является опыт и знания, но не родственные связи.
Мы освежили внешний вид сайта, который не менялся 11 лет.

Да молодцы чо. Только сайт на который ходят для то чтобы читать, собственно читать стало как минимум неприятно. Это раз. Вы делаете сайт для себя или для людей? Если для себя вопросов нет, можно пожать плечами, повертеть пальцем у виска и пройти дальше, но если вы делаете сайт для людей, то будьте любезны с этими самыми людьми посоветоваться, сделать это можно было так же как сделала команда vk, приглашая на бетатест обычных пользователей. Правда им это не помогло и они создали бастарда фейсбука, но тем не менее они хотя бы попытались. Это два. Почему вы считаете, что новомодные дизайнеры с кофейком в руке самые умные и лучше знают как нам, пользователям удобно? Большинство из них неизлечимо больны фимозом головного мозга и их активность только вредит, а не приносит пользу. Это три.
Касательно пункта №4 стоит пояснить, чтобы единственный способ, которым можно попасть к нам в команду является опыт и знания, но не родственные связи.

Вот и Путин так же говорит. Но кто ему верит?
Xeli: нет, родственники, если не умеют — запорят сайт гораздо хуже. Скажу, что даже так сделать — нужно немало умений и опыта. С системностью правок, старый-новый варианты — это да, не продумано. Но они ни разу этого не умели, и покажите хотя бы один портал или коллективный блог, который в этом плане идеален.
Дискуссии о том, какой дизайн хороший, а какой плохой контрпродуктивны. Особенно когда собеседник острит и зачем-то вспоминает на этом сайте Путина. Мы вас услышали, спасибо за фидбек.

М? Дискуссии про изменение дизайна в статье про изменение дизайна контрпродуктивны?

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

Вдвойне забавно читать подобные комментарии от разработчика IT ресурса. А тестирование до применения изменений в продакшене проводить не пробовали? Меня не покидает фобия, что подобные персонажи в будущем будут программировать автопилоты автомобилей, а потом брать у своих пользователей интервью в реанимации, а то и вообще с помощью спиритических сеансов. Прям живо себе представляю как сидят такие горе-разработчики за столом со свечами и вертят тарелочку вопрошая: «У вас какие шины стояли?», «А сколько было пятен на Солнце в этот день?», «А про погоду!??? Про погоду на Марсе вы не забыли????», это очень интересно слушать такие оправдания, особенно, если учесть, что у меня не какая-нибудь OpenBSD и браузер lynx, а самая распопсовая Win 10 x64 со всеми последними обновлениями, и браузером Chrome stable (обновлен прям сегодня) на борту. Вы забавный парень. Меня не покидает ощущение, что без пункта 4ре не обошлось.
И все таки что у вас не так? Выложите скрин поста?
Да в общем-то тоже, что и у многих других пользователей — абсолютно непригодный для чтения шрифт смазанный жиром, так же можете обратить внимание на мелкие косяки типа невменяемо укороченного знака восклицания (подчеркнул красным). Я вообще не понимаю зачем они полезли ковырять шрифты и чем их не устраивали старые.
скрин
image

Новый шрифт не нравится пользователям вашего сайта. Какая вам еще нужна конкретика?

А что не так сказал Xeli? То, что выкатывать новый дизайн на основной домен — странно? Ну так странно же!

То, что сайт стал нечитабельным? Ну, об этом добрая половина комментаторов пишет.

То, что создается впечатление, что нововедения не тестировались и их делал дизайнер в модном свитере и с кофе в руках? Ну так да, создается. Зачем же сразу отказываться от дискуссии при виде слова «Путин», если человек делает довольно дельные замечания?
Дискуссии продуктивны когда есть конкретика.

У меня есть конкретика.

Последние несколько лет чётко заметен явный тренд на ухудшение читаемости сайта.

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

Посещённые ссылки практически неотличимы по цвету от непосещённых.

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

Раньше эти блоки имели контрастный фон, но начиная с какого-то редизайна блоки начали сливаться с фоном страницы.

Иконки в toolbar формы написания комментария стали менее контрастными и потеряли вертикальные разделители, что тоже только снижает удобство использования.

В этот редизайн контрастность заголовков непрочитанных комментариев также была снижена, они стали более блёклыми.

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

Особо отмечу иконку «избранного».
Всем понятная и привычная звезда была заменена на какой-то обрезок. Что это, лента ордена «адский дизайнер»?

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

Цвет новой иконки в обоих состояниях практически неразличим и при пролистывании комментариев заметить отмеченный комментарий малореально.

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

В результате для того, чтобы комфортно пользоваться сайтом, приходится допиливать его напильником через стили и расширения браузера.
Ради какой великой цели всё это было сделано?
Спасибо, что вернули Arial.
Ну а поскольку меня услышали… рискну еще попросить. Неплохо было бы перейти на адаптивную верстку. Понятное дело что это внедрять долго, но хабр сейчас смотрится на моем мониторе с огромной кучей неиспользуемого места:
Конечно же 90% сайтов в интернете смотрятся так же, но хабр все таки IT ресурс.
В общем если вы когда-нибудь введете адаптивную верстку — я буду рад.
А пока можно подправить логотип в шапке сайта, который вы добавили в прошлом году кажется осенью. Из за отсутствия вертикального хинтинга он выглядит размытым как шрифт, о котором я вчера писал:

Я понимаю что там svg прямо в браузере, но мне кажется этот svg имеет смысл подрихтовать так, чтобы по умолчанию на 100% масштабе он смотрелся четким.
> Понятное дело что это внедрять долго, но хабр сейчас смотрится на моем мониторе с огромной кучей неиспользуемого места:

Объяснение этому простое: есть некоторая оптимальная длина строки текста. Если строки будут слишком длинные, то читать такой текст будет некомфортно. Поэтому никакого смысла в сильно резиновых страницах нет.

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

Но для этого не нужно переделывать вёрстку. Достаточно выставить зум в браузере или операционной системе, если так хочется.
И получить мыло вместо картинок
Вы сами-то пробовали? У меня 4к монитор с 150% системным зумом — вообще не замечал мыла картинок в браузере.
Потому и не замечали, что аппаратный зум мылит всё. Тем более 150%.
Аппаратный зум никто не использует. Всё современные приложения рендерятся в нативном разрешении, просто операционная система сообщает им, с каким масштабом рендериться. Хабр выглядит вот так — откройте картинку в 100% масштабе и отойдите от экрана в 1.5 раза дальше, чем вы обычно сидите.

P.S. Теперь я окончательно уверен, что вы никогда не сидели за 4к/5к монитором и не видели макбук с ретиной. Сходите как-нибудь в ближайший Apple Store и посмотрите, как выглядит текст и картинки на HighDPI мониторах.
И я на вашем скриншоте вижу покоцанных осминожек.
Осьминожки векторные, если что. Они не могут быть покоцанными.

И либо у вас зрение выше 100%, либо вы призумили картинку, либо отошли недостаточно далеко. Размер пикселя на моём мониторе — 0.181 мм (140 dpi), я эти пиксели просто не вижу — всё выглядит ровно, без зазубринок.
Осминожки нарисованы из расчёта попадания в пиксели. При 150% зуме в пиксели они не попадают, в результате нижний край оказывается тонким, а верхний — замыленным.
Меня вполне устраивает, что я этого попросту не вижу из-за высокой плоности пикселей.
Мы освежили внешний вид сайта, который не менялся 11 лет.

Крууто. А зачем?


Особенно если он 11 лет всех устраивал.

Крууто. А зачем?

У меня есть одна версия, которая успешно проходит бритву Оккамы, если отбросить теорию заговора о волосатой лапе и тайной куме.
Вот она
image

Мы разработали UI Kit и хотим внедрить его на все наши проекты, чтобы привести их к одному внешнему виду. Чтобы пользователи, бОльшая часть которых пользуются разными нашими продуктами имели одинаковый user experience. Это одна из мотиваций почему и зачем мы это сделали. Кроме этого у нас есть дорожная карта и чтобы двигаться дальше и внедрить запланированные фичи, нам нужно было провести изменения во внешнем виде.

Дак а что мешает иметь одинаковый user experience, только с другим (прежним) шрифтом?)

Вот возьмите пример с википедии, там тоже «освежали», но хоть есть выбор.

И для начала я бы озаботился одинаковым отображением шрифтов на любых платформах, а не использовать системные шрифты. И в первую очередь тестировал бы не на Apple девайсах.
Мы освежили внешний вид сайта, который не менялся 11 лет.

Зачем чинить то, что не сломано?
Мнение креативного директора)) Да?
Интересно послушать о типографике в вебе. О слове, которое вы употребили «контраст» и как работать с данным приемом!
UFO just landed and posted this here
А слышали выражение: «Это финиш...»? Обычно оно говорится с многозначительной паузой и синонимично с непечатным: «пи№%ееееец...». Для тех кто познал русскую культуру и душу это очень родное и теплое выражение. Обычно оно символизирует окончание всех благих начинаний в России. Великий русский политик Черномырдин в таких случаях разводил руками и мычал: «Ну мы же хотели как лучше! А получилось как всегда!»
Что случилось со шрифтами? Такое чувство, будто где-то в CSS повесили
body { font-weight: bold !important; }
Жирнотаааа
http://static.lostpolygon.com/temp/uploads/waterfox_2017-08-15_17-27-01.png

Вообще не хочется на сайт заходить, решительно невозможно воспринимать информацию. Загляну через недельку, авось спохватятся.
Кажется, понял, в чем проблема. У вас в списке шрифтов Roboto идет перед Arial. Я так понимаю, предполагалось, что этот шрифт доступен только на Android? Как бы не так — я разрабатываю под Андроид, а Android Studio устанавливает этот шрифт в систему, и браузер его радостно подхватывает. Если убрать Roboto из списка шрифтов в body — все ок.

Наверное, не стоит пихать все-все шрифты в один общий список?.. Надо бы детектить браузер/ОС и отдавать конкретные нужные.
Присоединяюсь, получил Roboto в комментариях, т.к. шрифт установлен в системе.
Windows 8.1, Firefox 55.0.1
+1, у меня установлен шрифт Ubuntu под Windows и в хромообразных браузерах он рендерится ужасно.
Поддерживаю.
Win 10x64, FF.52, Android Studio установлено, шрифты стали еще хуже, чем были до этого — великий Оракл, прибей того, кто это придумал!
Подтверждаю убогость шрифта. При увеличении его до комфортных (для меня) размеров, он превращается в жирный. Пришлось уменьшить размер и напрягать глаза. Раньше такого не было.
Делайте рамки вокруг скриншотов, а то не понятно, где что. А так дизайн, имхо, был хороший и остался хороший же.
ZOMFG!!! ЧТО ВЫ СДЕЛАЛИ С ЦИТАТАМИ В СТАТЬЯХ???????!!!

Это какой-то *****!!! Я открываю свою статью о фантастике, что бы объяснить наглядно человеку, как работают якоря — и что я вижу?! Вырвиглазные желтые стикеры, как на противных липких бумажках-напоминалках для офисного планктона со слабой памятью! Я долго мучился с выбором правильного оформления статьи, выбирал стили и размеры заголовков, что отделять цитатами, а что нет. И во что она превратилась?! В полосатую психоделическую зебру?! Ее не просто невозможно читать, на нее вообще нельзя взглянуть без слез!!!

Убейте меня…
Поддерживаю, теперь выглядит просто отвратно.
Если вам так люб вырвиглазно жёлтый акцент в цитатах, хотя-бы скажите — какой тег вы не будете больше переколбашивать? Мне надо статью привести в читаемый вид, на что мне заменить эти канареечные бумажки без отступов?
В вашем случае я бы использовал обычный текст, добавляя в некоторых местах форматирование (в виде болда и италика, например). А для чего-то важного использовал бы тег цитаты (или одноячеечную таблицу, чтобы просто текст в рамку убрать). Как, например, тут.