Pull to refresh

Comments 643

Да уж.
Особенно левая зафиксированная панель раздражает.
На android в Хроме она не фиксированная, а скроллится
На счет планшетов с тач-скринами — это все-таки не очень хорошо, лучше если будут всегда зафиксированы.
UFO just landed and posted this here
К сожалению, не нашли решения, чтобы панель не скроллилась при зуме и при этом (при зуме же) не наезжала на текст. Выбрали текущий вариант, хотя второй вараинт есть на Фрилансим и Тостере — там при зуме меню наезжает на текст. Если у кого-то есть решение этой проблемы, будем очень благодарны!
Болит голова? Отрежьте её! :)

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

Так ведь можно написать и предложение фиолетовым цветом с подчёркиванием.
Мне эта левая панель мало того что не нравится эстетически, так еще и на вертикальном мониторе она съедает реально много полезного пространства. И кнопку «Настройки» на этой панели я заметил вообще не сразу, потому что она в самом низу.

Хочу возможность ее отключить.
Напомню, что в HabrAjax было решение для меню, которое занимало крайне мало места в углах по верхам страницы и было всегда на экране. Поскольку кликание по меню — операция нечастая, это устраивало и места не занимало. Сейчас эти меню в скрипте тоже пропали. Придётся восстанавливать.
        
Как видно по скриншоту годовой давности, шапка занимает 1 строку, и только по наведению мыши раскрывается меню.
        
То же самое — в левом верхнем углу.
        

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

Популярность Тостера вызвана меньшими ограничениями по барьеру авторизации, а не из-за того, что там ввели новый интерфейс.
UFO just landed and posted this here
Да, год назад собрана статистика по использованию скрипта (и стилей ZenComment), частоте использования и категории использующих. При желании, можно описать и привести диаграммы.
Я думаю, для вертикальной ориентации есть смысл панель трансформировать в горизонтальное меню. На десктопах вручную, на планшетах согласно событию смены ориентации автоматически.
Фиксированная она или нет на ПК зависит от размера монитора, видимо. У меня на масштабе 90% она следует за мной в горе и в радости. на 100% высокомерно смотрит откуда-то сверху. 10 дюймов ей мало, видимо.
Меня в этой панели раздражает только оторванность от левого края экрана.
да
раз уж она есть — то сдвинули бы левее. Уж хотябы на ширину самой панели. Ибо реально отвлекает.

Но, ничего, привыкнем. Человек ко всему привыкает, даже к такому дизайну с такой панелькой :)
Для того, чтоб панель не отвлекала в то время, когда не востребована уже давно существует замечательное решение — панель в состоянии спокойствия полупрозрачна и только при наведении прозрачность полностью пропадает.
Увеличение масштаба прижмёт её к краю и повысит комфортность чтения.
Как мне кажется, надо ее скрывать по умолчанию, при нажатии на кнопку показывать. Сейчас она слишком бросается в глаза, да еще и на 15 дюймовом ноутбуке занимает много полезного места.
О таких изменениях предупреждать нужно. А то я уж вкладку закрыть хотел, думал на тостер случайно попал.
На сто раз URL перепроверил.
Хабр останется в моей памяти таким.

image
Если отбросить субъективное восприятие, то не понравилось то, что отобрали место под предлогом того что его дают. Сайт фактически стал уже (думаю это прицел на разные наладонные устройства) и да, не хватает опции, чтобы убрать эту панель слева (например как в конфлюенсе меню сворачивается до стрелочки незаметной). И зачем пустые поля слева и справа? Сайт стал узким и длинным, 10% занимает панель которая не несет никакого функционала, кроме как вернуться на главную.
Я считаю что сайт нужно расширить (убрать паразитные поля по бокам) и сделать меню убирающимся куда-то в маленькую стрелочку. Тогда будет торт.
UFO just landed and posted this here
Больше всего настораживает то, что в 2014 году сайт висит как топор на больших мониторах.

А вообще можно юзерскрипт написать, который будет делать всем красиво.
UFO just landed and posted this here
У вас видимо монитор маленький. На большом 23' эта панель слева прям раздражает. Еслибы ее прибили к краю, тогда да.
Кхм… а ' — это футы? Хорошая, наверное, диагональ…
UFO just landed and posted this here
Вы не поверите, по оценкам гугла такое выражение использовалось на 3.5 миллионах страниц: bit.ly/1lvX3yQ
Не то, чтобы не понравилось но тоже как то уж слишком непривычно, хотелось даже вкладку закрыть, а в голову закрались подозрительные параноидальные мысли о том, что либо хабр взломали либо мой стационарник, а оказалось — обновление дизайна.
Открыл на телефоне (Android), там вообще ужас, даже зумить нельзя.
Про приложение знаю, но у меня оно адски тормозит.
Та-же беда, на довольно мощном Galaxy S4 (LTE, со Snap-ом которй), в Хроме просто безбожно тормозит.
Полностью согласен. В общем старое меню было удобнее, из основных неудобств с которыми столкнулся в новом меню:
— Не удобный поиск, нужно заходить в меню что воспользоваться, предыдущее его расположение было удобней в разы (ИМХО).
— При клике колесиком мыши на аватарку в меню, хотелось бы, что бы в новой вкладке был мой профиль.
— Цвет меню, на фрилансим лучше выглядит.
Но, спустя полгода, удитория привыкла – и теперь всем нравится™
Каким образом теперь попасть из поста в «Новые» в один переход?
Есть рац.предложение — вынести в настройку, по умолчанию на главной отображать «Новые» или «Захабренные». Я вот сижу в новом, а по умолчанию всегда захабренные открываются.
Первые несколько секунд после захода на хабр был уверен, что случайно зашел на Фрилансим.
На фрилансиме никогда не был и потому сразу была мысль, что с гугла меня перекинула в тостер, где обсуждалась статья. Проверил строку браузера — все же хабр. Вторая мысль, что попал в брендированный блог (кстати интересно проверить внешний вид у интел, айдии, мэйлру и пр.). А после перехода на главную уже увидел новость… Будем привыкать заново.
Да-да. Нужен опрос на хабре о частоте использования трекера. В таком виде как гугл-плюсное уведомление, по которому сразу хочется щёлкнуть, а внутри тебе ничего не надо.
Сделаем настройку, чтобы его можно отключить полностью.
Здорово, спасибо. И ещё было бы круто иметь кнопки «компании» и «хабы» прямо на панели, чтобы не лезть в меню в три клика.
Было бы здорово, иметь возможность скрывать от трекера активность конкретных людей. Ато есть у меня в подписчиках люди, добавляющие в закладки по 10-15 статей в день.
Честно говоря лично мне вообще не интересно что подписчики добавляют в избранное, интересны только их статьи и комментарии.
Вообще трекер показывает не совсем то что интересно, он показывает любые новые комментарии в статьях на которые подписан.
Хотелось бы чтобы он показывал только новые комментарии в ветке от моего комментария. В таком случае на вкладке трекера Посты можно показывать сразу комментарий и на той же старнице чтобы была возможность пометить как прочитанные (примерна как сейчас на GitHub)
Отлично было бы, а то я из уведомления на почту узнаю что кто-то на мой коммент ответил.
Проблема в том, что если начали отвечать дальше по цепочке, то об этих ответах по почте узнать нельзя
Плюс хотелось бы иметь возможность как на Stackoverflow в панеле иметь возможно посмотреть историю изменения кармы.
UFO just landed and posted this here
+100500, очень напрягает. Ну и про свободное место сказано было уже, да.
Сомневаюсь, впрочем, что все эти комментарии на что-то повлияют :(
А мне на wide-screen нотника так больше нравится. Одна печаль с удлинившимся доступом к новым.
UFO just landed and posted this here
Так в 100 раз лучше, спасибо!
На старом дизайне был под adblock этот трекер, а тут слишком уж распространенный селектор…
А раньше он вам не мозолил глаза?
Он был вверху где-то, рядом с другими неважными цифрами. И цвет у него был невыделяющийся.
Присоединяюсь. Трекер не пользую вообще. Эта цифра и раньше мозолила глаз. Можно его насовсем отключить? Лучше сделать кнопки «лента» и «посты» доступными в один клик. И вернуть на экран в постоянном режиме число голосов. Или вместо этого показывать свою карму всегда. А то бывает не заметишь, что кто-то минусует, и не исправишь вовремя своё поведение :-)
Присоединяюсь, четыре числа — типа первая строчка 10 / 20 (топики/комментарии), плюс, если уж добавлять карму, то второй строчкой тоже рядом карму/рейтинг
Благодаря этой мозолине научился и начал пользоваться трекером.
Это было в первое время, уже исправили, обновите
Настройки, кстати, всё еще выглядят так.
Да, уже работает. Но вот сказать, что мне изменение дизайна нравится, не могу. Возможно, дело привычки, но ощущение, будто на мобильной версии сайта оказался, на большом мониторе взгядит странно.
Аналогично налезает в настройках профиля.

P.S. На мобильной Опере на 4х ядерном процессоре анимация левого меню ощутимо тормозит.
Ох уж этот тренд на квадратность…
Не знаю как другим, но мне начинать поиск на отдельной странице не очень удобно. Возможно ли добавить поле прямо в меню? А то уже привык вбивать запрос на любой на странице и (Shift+)Enter…
В меню с тремя черточками первый пункт…
PS: пока вспоминал, обранужил что еще на аватар можно щелкнуть… OMG… Интуитивности никакой…
Нашел поиск за 10 минут. Кто дольше?
Скрытый текст
Мало того чтобы что-то найти теперь нужно 3 клика вместо одного — долой удобство!
Поиск — на верхний уровень! Ибо часто используемая вещь.
К сожалению, согалсно в Google Analytics, им пользуется менее 1% пользователей.
То есть тысяч двадцать?
Поиск — он как зонтик, нужен не всегда, но если уж понадобился — то должен лежать под рукой.
Сортировка по времени/рейтингу? Отдельный поиск среди постов/юзеров/хабов, по комментариям?
Ради такого мне не сложно три раза кликнуть.
Но зачем, если можно меньше? Раньше, емнип, вообще по нажатию '/' фокусилось поле поиска, без всяких кликов.
Так может и сейчас так сделают.
Сделали.
Узнал об этой фиче из этого треда, спасибо)
добавить эту ссылку в закладки и повесить акселератор и в строке адреса набирать:
h котики

аналогично у меня для гуголя и некоторых других сайтов сделано (типа википедии)
Прямо как Опера и закладки.
А какой % пользуется кнопкой «Написать пост»?
s/пользуется/до сегодняшнего дня пользовались/
В качестве теста много кто ткнет
Да, я сначала подумал что это добавление своих кнопок (ну, а вдруг?).
Вот в ней мне не нравится, что в отличие от остальных кнопок по клику не меню выпадет, а произойдёт переход на страницу нового поста. Хотя при этом такое же поведение лого-кнопки вполне ожидаемо.
Аналогично. Нужно заменить на пиктограмму ручки, например. Или на чистый лист.
Одна из проблем поиска на хабре — отсутствие привязки к контексту, он в любом случае ищет (искал?) по сайту, хотя находясь, например, в избранном хотелось бы искать именно по избранному. Типичный use case: хочется найти хорошую статью которую добавил в избранное, но разбирать сотни добавленных статей вручную — не очень интересно, поиском быстрее.
Это не потому что он никому не нужен, а потому что он на хабре традиционно хреновый.
Скорее, строку поиска нужно внести прямо в меню, а не выводить на отдельной странице.
Минус 190 пикселей от ширины статьи и комментариев. Длинные ветки будет читать еще неудобнее, зато теперь не забуду, что листаю Хабрахабр, благодаря буковке «Н» в левом верхнем углу — это к вопросу «экономии экрана».
Ну и кнопочку «наверх» можно было еще куда-нибудь спрятать, чтобы совсем неудобно было. А так все 2014-ненько.
700 пикселей это очень мало. При прежних 890 я и то мучался с иллюстрациями. Хабр уже плохо подходит для написания больших статей — редактор неудобный, парсер не всегда неочевидный, формул нет. Как я устал редактируя свою последнюю статью. По моему, развитие Хабра ориентировано на чтение коротких новостей с мобильника.
Ширину страницы уже исправили, хотя на 1600x900 все еще остается тонкая серая полоска по краям — но это все мелочи, конечно.
Насколько я успел заметить, картинки теперь тоже «отзывчивые» и изменяют ширину вместе со страницей.
Ага, на 100 шире. За это спасибо. По ширине они и раньше ужимались.
парсер не всегда неочевидный
Прямо по Фрейду оговорка.
Я и не заметил :)
Я обычно статьи пишу на десктопе в текстовом редакторе в формате markdown, а перед публикацией конвертирую в html. Писать его в хабровском редакторе для меня слишком неудобно.
А какой редактор используете? Много ли приходится допиливать html под формат Хабра? Я могу работать над статьей месяцами. Активно добавляю временные заметки, комментарии, мысли, ссылки, и пр., которые потом вычищаю. Сначала пользовался Evernote, потом OneNote, так они автосохраняют в облаке. Ну а перед публикацией долго расставляю теги.
Использую vim, текст выглядит как-то так:
mkd
#### Введение

Увидев посты от @dlinyj, @goodic и @Hoshi я в очередной раз ощутил, что Хабр -- торт.

Первый пост касался написания драйвера символьного дисплея на базе HD44780 для Linux
([Создание собственных драйверов под Linux][hh-lin-drv] от @dlinyj);
отличными ответами на него послужили посты хабраюзеров @goodic
([Поздравление по гиковски, без написания дров][hh-u2c]) и @Hoshi
([Новогодняя малина — прикручиваем экран HD44780 к Raspberry Pi][hh-rpi]).

Мне тоже захотелось поучаствовать в этом празднике жизни и реализовать свой
аппаратный `vt52-like` терминал. Символьного дисплея у меня не оказалось, 
но был китайский dev-board на базе ARM Cortex-M3 с полноценным TFT-дисплеем
240х320, частичной документацией.

Запас энтузиазма в наличии имелся, поэтому, проснувщись в воскресенье днем (~17 MSK) я приступил
к написанию embedded драйвера для данного LCD.

Если вам интересно embedded-программирование по ARM, электроника или просто результат -- прошу под кат.

![Результат][lcd-result]
<habracut />

#### Железо

В моем распоряжении была простая отладочная плата из Поднебесной (стоимостью около $20) на
базе микроконтроллера [ST STM32F103RB][stm-ds] с аппаратным мостом USB-to-UART [Prolific PL-2303HX][u2c-ds],
кучей мелкой переферии и TFT LCD с контроллером [Ilitek ILI9320][lcd-ds] с неведомой схемой доключения.

Сама статья — habrahabr.ru/post/207136/


Из вещей, которые приходится допиливать:
— разбивка на параграфы,
— обтекание картинок,
— обрамление кода (из mkd генерируется <pre><code class="c">.

Вроде и всё. Писать markdown можно в чем угодно, для vim, emacs, sublime, textmate и разных IDE есть подсветка синтаксиса.
Спасибо, возьму на заметку!
Моток шерсти пропал :(
Но в целом изменение положительное.
Слева и справа теперь очень много пустого неиспользуемого места.
подтверждаю, на 22' мониторе его около 40%.
да даже на 19 по сантиметру пустого пространства слева и справа, с единственной кнопкой refresh справа. Вобще зачем она нужна, она и так в любом броузере есть…
она (кнопка refresh) не перезагружает всю страницу, а только комментарии, что в общем то удобно.
экономия трафика в жарких спорах? ну возможно кто то и использует… интересно было бы узнать процент использующих, статистика ведь есть.

Уже убрали эти полоски, оперативненько :)
Я думаю её используют практически все.
Что доказывает субъективность любого мнения по сравнению со статистикой. Никогда не держу страницу открытой беспрерывно мониторя коментарии. Если мне будет надо — я просто зайду еще раз через пару часиков.
И ура, она отключается в настройках, что я только что и сделал.
Я пользуюсь постоянно этой кнопкой. Нет дёргания, пока браузер отрендерит огромную статью с 500+ комментов. Хорошо, что интернет быстрый, на медленном так вообще труба.
экономия трафика в жарких спорах

Скорость же, особенно если топик тяжелый и комментов — несколько сотен. А так кликнул по рефрешу — и сразу же прокликал все новые комментарии.
регулярно использую эту кнопку.
Ну, а потом по памяти искать непрочитанные комментарии будете? В топике с овер-500 комментариев? Такой, как этот ;) Эта кнопка очень удобна, пока прочтёшь все комментарии, ушлые пользователи ещё набросать успеют.
и не заменяет страницу на заглушку от внеземной цивилизации, что иногда внезапно случается при рефреше всей страницы
Её же вроде отключить можно…
Блин его даже на 17 дюймовом мониторе под 30%. Более бездарной растраты свободного пространства трудно придумать.

З.Ы. Уже немного пофиксили. Спасибо авторам за оперативную реакцию!
Его даже на 13" много. Кстати, частично эту проблему решили в ВК. Там когда проскроливаешь ниже сайдбара, контент расширяется на всю ширину контейнера.
Вот как раз на VK мне такая реакция не нравится, когда оно само «прыгает» иной раз теряешь место чтения.
Ура, теперь на всю ширину!
Только сегодня утром подумал, какой же Хабр удобный и минималистичный, и тут все закончилось. Зачем?
Аудитория пальцетыкательных интерфейсов побеждает аудиторию мышковозительных интерфейсов по всем фронтам, теперь и на Хабре, несмотря на то, что эти аудитории в значительной степени пересекаются.
Бутстрап и подобные интерфейсы предусматривают это и для каждого экрана имеют удобное расположение элементов, почему не сделать и здесь так-же непонятно.
Не совсем. Есть несколько вариантов дальнейшего использования, пока не решили, что выбрать.
Дуров НЛО, верни лого!
Клубок жалко :( Он был очень «фирменный» и узнаваемый, в отличие от нынешнего, уж извините. И если честно всё время по памяти хочется русскую Х написать, раз уж вам так надоел клубок.
Для навигации по сайту теперь приходится каждый раз совершать лишний клик, а панель не совсем вписывается в общий дизайн сайта и создает ощущение обрезанности всех страниц сверху.
А еще вот это смотрится как-то странно и нелогично
Скриншот
image
UFO just landed and posted this here
и выключите рекламу в настройках.
Это вы о той неактивной для большинства пользователей галочке? Обязательно выключу!
даже будучи активной, она не сохраняет свое состояние — дразнилка видать.
Интересно, сколько [тысяч] людей снимали disabled и ставили флажок? Я в первый раз подумал что сохранится и будет отображаться поставленной (но то что не сработает это конечно понятно было)
А я вот только сейчас заметил, что не могу поставить эту галочку)
До этого момента, всегда думал, что эта опция доступна для всех. Еще удивился, когда ее увидел в первый раз.
Большинство изменений непривычны, но в целом радуют. Есть один минус: на больших экранах по бокам остаётся очень много пустого места, а текст постов теснится в узкой полоске по центру:

image
У меня был увеличен масштаб до 150%, я до вашего скриншота и не видел, что есть пустое место.
Ахахаха, я тоже забыл, что масштаб увеличен, а когда зашёл на хабр, то при просмотре комментариев начал недоумевать, почему все на пустое место жалуются. :)
UFO just landed and posted this here
Мне удобно, когда ширина строки оптимальна — не слишком большая, но и не слишком маленькая. Пока что текущий вариант кажется слишком узким, особенно когда доходит до ветвей комментариев, которые теперь ещё больше ужимаются.
Зачем на 100%? Давно уже придумали min-width и max-width
У меня тоже 150% удобно читать, а то при 100% шрифт мелковат получается
Эра широкоформатных мониторов, а сайт стал уже раза в два.
У меня это смотрится как-то так:

image

Имхо это отличная версия для планшентов, прямо суперская, с большими кнопками и иконками, но для десктопов как-то странно смотрится.
Ну я опять таки растянул на 150% и почти не осталось места.

Такая же проблема — читаю только на 150%, ибо вглядываться в мелкий текст никакого удовольствия. И очевидно, что «дизайнеры» на зуме отличном от 100% свой сайт не смотрели. Стыдно…
А что у вас за приложение слева на экране «Станислав»?
Спасибо. Не хило они изменили дизайн, что даже не узнать его.
У вас уже три поста одновременно можно открыть.
Там будет отлично смотреться реклама
Плакали, кололись и продолжали разворачивать браузер во всю ширину на 30-дюймовом мониторе…
Меня вот напрягает, когда на 12" экране сама статья занимает меньше половины ширины страницы, а по бокам — неиспользованные полосы.
У меня тоже монитор такой диагонали, но проблемы, о которой вы говорите, нет — слева от текста статьи меню сайта, прижатое к краю экрана, сразу справа сайдбар, также прижатый к краю экрана.
Вы смотрите уже обновлённый стиль. TM достаточно оперативно рассматривали комментарии и некоторые вещи поправили.
Спасибо за пояснение. Да, я не сообразил, что уже внесены изменения.
100% ширины текста не будет, так как слева и справа есть бары. Сейчас получаеться ширина в 690 пикселей для самой записи. Сделать ее хотябы 800, уже намного удобней будет читать. ИМХО
Не могу не согласиться, неуютно читается. Слишком маленькую часть страницы занимает сам текст, пошире бы.
Увеличение ширины строки вызывает затруднения при чтении. Становится сложнее глазам переходить со строки на строку. У меня большинство сайтов на 150% настроены: и текст крупный и ширина комфортная.
Есть мнение, что читать и воспринимать текст удобнее когда он находится в узкой колонке, чем когда растянут на всю ширину экрана.
Вот только когда идет этак шестая (и больше) глубина комментариев, то становится не очень удобно…
В любом
вопросе
нужно
соблюдать
разумные
рамки.
Кстати,
вообще
отлично,
все
предложение
можно
прочитать
один
раз
окинув
его
взглядом
(:
Такие абзацы читаются с заметной паузой после каждого слова.
Да, это так.

Но на больших мониторах нужно одновременно увеличивать размер шрифта, тогда будет отлично — крупно и на всю ширину, удобно читать, не пялясь носом в монитор.
Категорически не согласен с утверждением — мне максимально удобно когда текст занимает 80-90% фокусируемой ширины. Раньше было не супер, но сейчас с зауживанием да ещё и отвлекающими полосками по бокам (зачем их покрасили????) читать стало резко сложнее.
По-моему уже поправили, и колонка стала шире?
Зашёл опять буквально вот сейчас, и вроде что-то поменялось, или меня глючит… =((
Поменялась, сайт стал разворачиваться на всю ширину.
Нет. Не на всю. На большем разрешении серые полосы по обоим краям присутствуют.
Да, вы правы, развернул на свои 1680, полосы есть, но я привык браузер как раз не разворачивать на всю ширину экрана.
в консоли $('#layout').css('max-width', '100%');
На мой вкус гораздо лучше и ресайзиться нормально и место пустое пропало.
Лучше бы на всю ширину окна растягивалось.
В общем, Stylish в Chrome
div#layout {
  	max-width: none !important;
}

Внезапно. Крики «Дуров, верни стену» обязательно будут, но с вашей позицией я согласен. Дело привычки.
Навигация интуитивно не понятна. Пришлось все прокликать чтобы разобраться :(
Ну не идите хотя бы по следам ютуба — растяните страницу на всю ширину окна. Да, на планшетах удобно ибо экран мелкий, но на 24" выглядит хреново.
Или хоть настройку такую добавьте…
удобно то удобно но левая панель на планшетах получается не закрепленной и уползает наверх.
Того прикольного логотипа больше не будет? «H» с длинной тенью теперь заместо него?

Добавьте, пожалуйста, отдельный пункт меню типа «Новые», чтоб можно было быстро и просто перейти к чтению ленты _всех_ опубликованных постов отсортированных по дате публикации. Такой ленты очень не хватает, «новые» хоть как-то ее заменяет с поправкой на то, что приходится подписываться на все хабы.
Логотип и правда жалко
Теперь, как только пост наберет немножко плюсов / минусов он пропадает из «Новые»?!
Вышел на главную «полюбоваться», после чего минут 5 пытался найти этот пост.
UFO just landed and posted this here
Уже вернули старое поведение. Оперативно.
Хорошо бы тогда для этого отдельную кнопку на панели.
Нет ни какой логики сперва пещерные рисунки потом надпись?
Это вы так показывает прогресс или тамлайн?
Почему не сделать нормально горизонтальное меню?
Руководство для поиска панеди поиска :)
До свидания, подчёркивания у ссылок.
Да, это косяк не имеющий отношения к вкусовщине.
Можно поправить

a.post_title {
  text-decoration: underline;
}

.hubs a {
  text-decoration: underline;
}
  
.content a {
  text-decoration: underline;
}
    
Действительно, хабр отличается от тостера и друзей, здесь пост и комментарии являются основной функциональностью, а сейчас стали очень маленькими. Может сделать, как ВКонтакте, чтобы можно было пост с комментариями разворачивать во всплывающем окне на весь экран при желании?
Есть только один вопрос: Зачем?
Теперь это не хабр, а мегагавно*

*Это только моё мнение, но я с ним полностью согласен
Как зачем? Что бы меньше читало!
UFO just landed and posted this here
UFO just landed and posted this here
UFO just landed and posted this here
По-моему просто адаптировали дизайн под планшеты / смартфоны, не?
Сделайте ссылку на песочницу где-нибудь. А то про нее ИМХО уже все забыли (и я тоже), а раньше там иногда интересные статьи попадались.
В подвале есть ссылка. И всегда была, вроде.
Спасибо! Я похоже никогда не докручивал до подвала:)
Добавьте в «мои» «Мои черновики». А то ссылка так и осталась зарыта фиг знает куда. И ссылку на админку компании тоже вытащите «моя компания» или даже в топлевел.
Зря убрали QA на тостер, теперь я всё также не хожу на тостер, но не вижу QA.
Когда введёте возможность отписываться от блогов компаний? Ну или разрешите добавлять их в игнор. Некоторые пишут полнейшую ахинею, но при этом указывают интересующие меня хабы.
UFO just landed and posted this here
Ага, на каком-то другом сайте же.
А в профиле где «мои вопросы», «мои ответы»?
при увеличении в хроме на на 125% боковое меню становится фиксированным относительно верха страницы (можно скроллить)
Что за песец у вас с комментариями.

Писал писал длинный хороший комментарий к этой теме.

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

Ан нет, *много мата*, оно всё исчезло.

На дворе 21 век, а вы всё не можете сделать поле ввода для каждого комментария отдельно!
UFO just landed and posted this here
— У меня пропадают вещи из стиральной машинки, если открыть посудомойку
— Покупайте сразу по две вещи в магазинах, очень удобно!

3 (ТРИ!) клика до поиска (ткнуть в меню → ткнуть в «поиск» → ткнуть в искать) рилли?
Вы нас ребячите?
Это какая-то адова тенденция… Там где раньше нужен был один клик мыши, со временем становится нужно два или три.
Обидно, что хабр под неё тоже попал…
Точно тенденция. Из тех, кого вспомнил сразу: youtube, lastpass, tunein.
Теперь вот хабр туда же. Зачем они это делают?
UFO just landed and posted this here
+1
Я 10 минут бегал по настройкам браузера, пытаясь понять, что же у меня таким чудовищным обсразом слетело))
А нельзя ли добавить ( для лохов типа меня) кнопочку «сделать по старому»?
Обрадовался, что хабру обновили мобильную версию. Долго искал как её отключить и почему она вдруг включилась по дефолту.
И да, тоже отпишусь, что меню слева слишком контрастное и внимание постоянно переключается на него при чтении.
Его нужно делать менее контрастным, например при прокрутке страницы вниз, а лучше полностью переделать.
Зачем постоянно показывать аватар? Вот с моим например глаз постоянно цепляется за огромный красный квадрат на мониторе.
Ну и наконец, зачем кнопки по 9см²? Чтобы потом еще и ползать по менюшкам, которые они открывают?
Абсолютно те же ощущения. Сайт стал совсем не похож на полноценный.
UFO just landed and posted this here
Уже поменяли поведение всех остальных кнопок, в том числе и трекера — теперь по всем кнопкам переходит на новую страницу. Оперативненько. Остаётся только удивляться, почему же раньше об этом не подумали…
Нигде не вижу логотипа хабра. Где моя любимая каляка-маляка, на которую я жмакал чтоб обновить хабр?
Во время широкоформатных мониторов, когда 1920х1080 может позволить (и позволяет) себе практически кто угодно — 720 пикселей ширины для контента… даже не знаю, как это назвать :(

Но боковое меню вроде бы удобное, хотя его и можно ужать пикселей на 20 без ущерба для удобства
Молодцы потому, что избавились от множества застарелых проблем. Новые какие-то появились, конечно, но в текущем виде дизайн имеет большой запас развития и роста.
UFO just landed and posted this here
А куда убрали ротацию постов с >100 плюсов в подвале? Частенько там интересное находил…
Хм, в этом топике ее нет, в некоторых других тоже, а в других отображается… Чтоль в хабах компаний не отображается?
Кажется раньше было во всех, или я ошибаюсь?
Что это за фигня на моем любимом хабре?!
От этого меню слева у меня скоро разовьётся клаустрофобия.
Это какой-то позор. Я понимаю редизайн. Но логотип-то за что убили?
я больше никогда не буду нажимать F5 на Хабре…
Новое всегда сначала в штыки воспринимается.
Главное, что дизайн освежен. И все теперь одним стилем. А это главное.
Я всегда считал, что дизайн это в первую очередь удобство, а уж потом это удобство обернуть в красоту.
UFO just landed and posted this here
habrahabr, раньше ширина статьи была 880 пикселей, сейчас — 690. На мой взгляд — это большой минус.
Статья теперь совсем крошечная по ширине на мониторах 1920 и выше.
Раньше специально вымерял, чтобы не превысить, а сейчас картинки ужались, что для меня критично.
Никогда не понимал тенденции делать навигацию без подписи… Ну что это за значки? Как можно угадать что это означает. Я понимаю что можно запомнить, свыкнуться и радоваться жизни, что пользователи в конечном итоге и сделают. Привыкнуть конечно можно к любому интерфейсу… но назвать это удобным…
Проблемы:
1. Боковое меню без подписей и тултипов (пока не нажмешь не узнаешь что произойдет)
2. (Самое раздражающее) Оно летает посреди экрана и при чтении глаза за него постоянно зацепляются. Я читаю слева направо — глаза проходят две серые границы, каждый раз начинаешь читать текст с этого меню, причем оно не проматывается и глаза перепрыгивают на иконки которые находятся чуть выше абзаца, дальше приходится искать абзац. Я понимаю что мой мозг к этому скоро привыкнет. Но всё же. На ваших скриншотах в статье этой проблемы нет, так как экраны маленькие и серая граница одна, а у меня широкий экран. Чесно не знаю какое тут может быть решение, как вариант — растягивать на весь экран статью, как вариант делать это меню не справа, а всегда слева (т.е. меню — потом отступ, потом статья).
Господа! Пожалейте мозг…
Молодцы! Хорошо сделали! Теперь переделывайте :)
Опция в прочих настройках «Показывать кнопку «Наверх»» теперь теряет актуальность, ибо эта кнопка показывается теперь всегда. Может убрать эту опцию?
А теперь заново набью свой комментарий — КРИТИКА.

Что за мода делать таким узким контент-блок?!

Вы лет на пять отстаёте от современных тенденций.

Посмотрите на хорошие резиновые сайты, которые прекрасно выглядят на больших мониторах.

image

Сравните с вашим узким мелким дизайнчиком:

image

Какие-то непонятные иконочки слева. Трудно было сделать их широкими и с текстом? А на узком мониторе превращать в иконки? Это очень просто и делается стилями, если вы не знали.

Да ещё и кликать нужно два раза, чтобы добраться до куда-нибудь. А то и три раза, потому что сразу и непонятно, где что находится.

И конечно, без javascript эти красивые двигающиеся финтифлюшки не работают. Как добраться до второго уровня без js? Это очень просто и делается стилями, если вы не знали.

Ваш верстальщик отстал лет на пять от современности.

+ лично мне проще (и наверняка многим) нажать на клавишу Home на клавиатуре и увидеть полное меню сверху, чем кликать два раза мышкой.
Да, w3c.org красив… наверное!
У нас в Казахстане его заблокировали непонятно за что.
Не наговаривайте. Казахстан, Петропавловск. Полет нормальный.
Астана, недавно проверил двух провайдеров — доступа нет.
На работе вот сейчас третий — тоже не открывает.
У меня работает (Megaline, Костанай).
Интересно, а верстальщики хабра читают хабр? Тут очень много хороших статей посвященных адаптивной верстке.
На мониторе 3:4 зона для чтения (ведь основной контент хабра — это статьи), составляет около 50%. Я боюсь даже представить, как это будет выглядеть на мониторе, повернутом вертикально.

1200x1900 читается норм, где-то 70% под статьи(на глаз)
обычно в таких случаях делают ссылку «вернуться к старому дизайну»
По-моему, это порочная практика. Два дизайна поддерживать тяжело. Старый рано или поздно все равно отомрет и пользователей принудительно переведут на новый. Лучшим подходом будет заранее предупредить, дать пользователям возможность погонять новый дизайн и привыкнуть.

В общем-то так примерно и было сделано, только новый дизайн обкатывался не на самом хабре, а на спутниках.
можно делать как php.net: сначала давать ссылку на новый дизайн, а потом его безвозвратно выкатить.
Я всегда проглядываю все посты целиком. И раньше туда можно было быстро добраться. А теперь базовый функционал именно на ленту завязан. Может сделать переключатель, что по букве «H» открывается, лента или все посты?
Может стоит отодвинуть фиксированную панель от контента?

Наверно с непривычки, но глаз при прокрутке спотыкается о фиксированное меню. Слишком уж они близко.
UFO just landed and posted this here
/images/eastereggs/
eggS…
Интересно, сколько их еще? :)
Залип на 5 минут… зачет и спасибо, не думал что хабр может быть таким… притягательным и смешным :-)
Определенно надо левую панель менять. Отвлекает от чтения слишком!
Вправо перенесите, хотя бы. Или прячьте при скролле вниз.
Ведь в чем прелесть была раньше. Какая бы ни была яркая шапка, прокрутил — и читаешь статью, затем комментарии. Больше на экране ничего нет лишнего. А теперь висит слева постоянно, глаз мозолит :(
Такое чувство, что дизайнеры читают пост и минусят, если кто даёт свои варианты.
Критика это хорошо.

Мне кажется, следует наоборот поощрять тех, кто потратил своё время на предложение иных вариантов дизайна сайта. Ведь эти люди не просто накалякали коммент, но и приложили какие-то усилия.
Мы хорошо относимся к критике, если кто и минусует, то точно не мы :) Всем спасибо за дельные советы и мнения!
Надо не относится к критике, а воспринимать ее!
Нормальные разработчики всегда делают бета версию.
Что вам мешало сделать beta.habr.ru?
По-моему так гораздо лучше. Это же IT-ресурс, интересно наблюдать за внедрением. Тем более, что прислушиваются к мнению людей.
Это в первую очередь продукт! Когда оперируют на живом при условии что можно сделать копию это показатель не профессионализма.
Это всё субьективно. В чём-то я с Вами согласен, а в чём-то нет. Лично меня устраивает такой подход в данной ситуации.
Сделайте, чтобы при просмотре на маленьких девайсах (мобильных в портретной ориентации) не отображались левые/правые панели, а контент по умолчанию был 100% в ширину. Очень-очень хочется.
Ещё фидбэк:

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

2. Поиск — про него уже всё сказали. Но я добавлю. Возможно, поиском пользуются не часто. Возможно, только тогда, когда нужно что-то найти (sic!). Но я ни за что не поверю, что «99% пользователей хабра ни разу не пользовались поиском». Какие-то неправильные данные показывает вам Google Analytics. Прикрутите тепловую карту кликов, что-ли.

3. Ссылку на лучшие посты убрали из футера. Зачем? Она там была «на своем месте», и мы (мы = пользователи) к этому месту привыкли. А теперь эту ссылку фиг найдешь (подобно кнопке логина). Она не снизу и не сверху, она где-то справа и посередине страницы. Причем положение по вертикали может варьироваться.
я не пользовался поиском, с самого начала. Наверно, это из-за тотального недоверия «внутрисайтовых» поисковиков, которые почему-то всегда каличней гуглопоиска и ищут только то что задаешь ни буквой вправо ни влево и никакого автоматического перевода раскладки если набираешь неглядя на другой раскладке. Вот поэтому по инерции не пользуюсь встроенным поиском, многие наверно тоже по этой причине не пользуются и имеем то что имеем.
Ну и я поворчу, чего уж…
Долго искал в менюшках форму входа, пока из любопытствка не щёлкнул по замку слева внизу, чтобы узнать, что же он делает. =((
Каким образом я должен был догадаться?
Ну так вот вы сами же и рассказали каким — методом тыка, чем же еще
Раз уж все меняем, так может и кнопочку обновления комментариев поближе подвинем? На широкоформатном мониторе туда-сюда мышкой возить — удовольствие сомнительное.
Верно. Ее бы встроить в левое меню.
Бррр, я себе это представил. Ну хоть ее, родненькую, не тронули, так не подсказывайте.
Еще бы счетчик новых комментариев не сбрасывался с обновлением страницы…
Чего-то я туплю… В отличии от других комментаторов я быстро нашел поиск, но в профиле я так и не обнаружил «Вклад в хабы». Или это только анонс на будущее?
У вас всего два поста, нужно больше.
Спасибо.
Увидел, что у вас этот блок есть при 7 постах. Видимо нужно порядка 5 записей.
Теперь полезная площадь начинается сразу от верхней границы окна браузера, что, несомненно, очень удобно.
По-моему, с этим слегка перестарались, верхняя полоса текста теперь везде кажется прилипшей к верхней границе экрана. Особенно заметно на надписи «хабраиндекс» в заголовке корпоративных блогов.
Хотя, может это так кажется с непривычки.
Прижать боковые панели к краям экрана, сделать размер шрифта статьи 16px — жизнь наладится.
И читать удобнее станет и боковое меню глаза перестанет мозолить.
Имхо, конечно.

image
Поддерживаю. Справа панель при прокрутке страницы вниз не видно, а вот слева — глаза мозолит и отвлекает. Ее вообще можно скрыть и сделать не ссылки для открытия меню, а событие когда мышь над ссылкой.

Еще серый фон не занятого места тоже не нужен. Пусть будет белым как и основной блок сайта.
Поддерживаю это предложение! Навигационные элементы должны быть у сáмого-сáмого левого края хотя бы по закону Фиттса: там по ним проще и быстрее попасть, так как они достигаются даже быстрым и размашистым (не прицельным) горизонтальным движением мышки, ведь курсор сам собою тормознётся о край экрана.
С развитием многомониторных конфигураций этот закон теряет актуальность. Мой курсор тормознет у края другого монитора…
А у меня слева еще и вкладки висят…
Убунтоводам не сахар:)
Но в целом согласен.
У левого края удобно держать таскбар ОС
Поддерживаю. Пространство перед колонкой меню и после блоков дает сильный дискомфорт. Хотя к этому можно довольно быстро привыкнуть.
Прекрасные пропорции. Голосую за такой вариант.
Тоже поддерживаю.

PS. Хорошо бы собрать все основные предложения хабражителей по улучшению новой версии интерфейса и устроить голосование.
Отвечу сюда, чтобы не совсем внизу быть.
А что, если дать возможность выбирать позицию этой штуки самостоятельно? У кого-то убунту слева второй монитор, таскбар или док, у кого-то справа. Вот как-то так.
Забавный факт: когда хомячкам в клетке вдруг ставят новое колесо вместо старого они какое-то время негодуют и игнорируют его, а потом привыкают.
Ура, расширили!

Они читают комменты и даже иногда прислушиваются!
Осталось теперь отодвинуть это полоску вертикальную к краю экрана влево и будет совсем хорошо
> аудитория «Тостера», где мы применили такое решение, теперь составляет 1,4 млн уникальных пользователей в месяц, а сам проект довольно бурно развивается

Ответы@Mail.Ru тоже довольно бурно развиваются.
Ну вот, «узкоплёночность» и сюда добралась…
Ага, расширили. Спасибо, так лучше.
Все сделали квадратно, а углы аватарок в комментах остались скругленными, кнопки объемные. Сыровато, в общем.
  1. Как тут уже говорили - куча свободного места.
    image

    2/3 воздуха? За что вы так с нами? Причем если в ленте это еще как-то оправдывается — в белой области справа висит плавающая панель с лучшими постами, то при просмотре комментариев там нет ничего. Не успел запостить — а уже поправили, теперь гораздо лучше.
  2. Стремное меню в левой части, отжирающее, опять таки, место, и стабильно требующее минимум два клика для любых действий. Поиск внутри меню, полоса скролла в панели (а не у края экрана) и трекер, который нельзя открыть одним кликом средней кнопки (как и любые другие кнопки на панели кроме «Написать пост») — это за гранью добра и зла.
  3. Несмотря да дикие траты места по бокам — сверху его зажилили, и шапка статьи прям липнет к верху рабочей области. Постоянно ощущение, что не доскролил вверх и там еще что-то есть.
  4. Котики негодуют и требуют вернуть клубок.
Вотжеблин!
Я в очередной раз нажал F5, чтоб посмотреть не появилось ли чего нового в «ленте»… и подумал, что кто-то взломал мой комп…
А нет ли планов перенести события в какой-то подпроект? Я туда иногда заходил.
Это называется «Дизайн для не умеющих читать»!
Хабр заявлял себя как продвинутый ресурс, типа борется типа за качество текстов, а сам прилипил дизайн на картинках.!?!?
Автор вернись в 21-ый век и открой для себя великую вещь «буквы и слова»! Не уподобляйся неандертальцам которыте не имели письменности.
Дизайн полный бред, цветовая гамма «бледная поганка»!
Вот цветовая гамма как раз таки хороша. Для меня, по крайней мере.
Сама идея вертикального меню отличная, с широкими мониторами по-ширине места больше, чем по-высоте. Сам, например, давно передвинул табы в браузере вбок – теперь не могу пользоваться другими браузерами, т.к. у них табы сверху.

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

Добрая половина контента на Хабре – комментарии. Сейчас во время чтения комментов правая колонка совсем пустая, полезное место пропадает. Можно вынести туда фиксированный блок с навигацией, который будет появляться под всеми уже существующими блоками и «прилипать» при скроллинге комментов вниз.
Японамать…
Кнопки на левой панели (настройки, профиль, трекер, новый пост) нужны примерно 1-2 раза в месяц. И при этом на каждой странице каждого поста будут мозолить глаза? Трекер ещё этот надоедливый — пользоваться им никто не пользуется, но теперь надо будет постоянно ходить его чистить. А вот доступная в любой момент ссылка на главную — это хорошо. И вклад в хабы — тоже хорошо.
UFO just landed and posted this here
Оно так не работает, даже если снять все галочки — туда всё-равно что-то попадает почему-то.
Если в настройках все галочки трекера сняты, но в него что-то попадает — проверьте под постами вот эту галочку
Я трекером пользуюсь, для меня это типа readitlater.
Не, ну а как без трекера за новыми комментариями следить? Или я что-то не знаю…
На стареньком 3:4 монике нормально смотрится.
P.S. ушел чистить трекер
При уменьшении размера браузера, левая навигационная часть перемещается в самый верх страницы и визуально её не видно если находишься ниже первого экрана.
Google Chrome 34.0.1847.137, Ubuntu 14.04
Оказывается и на иконке профиля тоже уведомления появляются. О сообщениях например.
Мне это дико напоминает соц.сеть. С той только разницей, что эти красные уведомления будут преследовать меня при просмотре любой статьи.
На 9:16 (поставленный набок 16:9) текст теперь всё больше напоминает напечатанный на рулоне…
image
И да, левая менюшка не плавает, а остаётся вверху. А где-то во второй трети прокрутки на левой серой плашке вдруг нарисовывается одинокая кнопка «вверх».
Ага, тоже заметил, что если окно уменьшить по ширине до 1007px, то панель остается сверху и иногда появляется кнопка «вверх».
А можно в добавок к «Мои посты» сделать пункт меню «Мои черновики»?
Для авторов совершенно неудобно работать с материалом. Было 5 кликов, стало два, прогресс. Но места ведь полно, можно уменьшить и до одного.
На 1920 мониторе слева достаточно места, чтобы влезло все меню, со всеми подписями, без всякого яваскрипта. Зачем мне узенькая плашка с невнятными иконками и хитрющей навигацией?
Блин ну вот удобный интерфейс был, сделайте такой для мобильников/таблеток, там да удобнее, а на мониторе кошмар =(
Ладно если бы было просто не привычно, теперь читать не удобно =(
Есть ощущение, что что-то понятное и родное пропало. Эмоционально воспринимается очень остро, так как к Хабру привыкаешь за несколько лет. И читать на маленьком/среднем мониторе (13.3) стало физически неприятно — пост сливается с меню, с блоками справа, и приходится уменьшать масштаб, чтобы он стал пошире.
Я не понимаю главного — зачем по бокам сделали поля?
И пожалуйста, обновите наконец иконки в редакторе, очень мозолят глаза на ретине.
PS только не из тостера редактор)
Зачем в блоке «Вклад в хабы» шапка таблицы?
Верните подчёркивания для ссылок. Теперь непонятно, ссылка это или текст. Приходится мышкой делать лишние движения, чтобы понять, ссылка ли это.
Мобильная версия всегда будет толкьо на m.harb? адаптивного или автоматического редиректа не будет? Раньше (и сейчас) невозможно ничего прочитать с телефона
тык
Лайвхак — как собрать всех известных персонажей ресурса в одном треде.
Будет еще эффективнее, если сделать метку «NEW» и по клику на нее открывать этот тред ;)
Ну блин нафига эта панель слева, которая постоянно мозолит глаз. Трекер который теперь прям как мегафича, с красным выделением.
Я немного допилил новый дизайн, делюсь CSS-кой для Stylish. Забирайте тут: pastie.org/9177896

Что поменялось:
— светлый фон как на тостере (будь он неладен, с него ведь эта зараза пошла =))
— панель прибита к левому краю
— счётчики выводятся серым цветом, без красного фона

Превью: habrastorage.org/files/07a/0f2/1fb/07a0f21fb87b4b4492cf051c3c6342a8.png (289.44 KB, 1902x966)
Рекомендую всё же и на сайт userstyles.org выложить, как это принято делать со стилями для Stylish.
offtop: Иногда даже надоедать начинает
РТ Нск. ткнул по ссылке на CSS
Благодарю.

А у меня одного новые приваты выглядят вот так О_О (ubuntu, ff 28.0):

Причем эта жирная кнопка еще и не работает.
Починили.
Все таки было бы лучше тестировать на отдельных стендах, а не сразу в продакшене пилить на лету.
Давно уже заметил за ТМ такой грешок. Неужели с финансированием до того туго, что нет возможности поднять отдельный сервак для тестов?
UFO just landed and posted this here
Тогда придётся достаточно сильно сдвинуть контент вниз.
В качестве компромиссного решения заменил логотип в панели.
UFO just landed and posted this here
Еще бы колокольчик убрать, он еще в Хроме глаз мозолил.
Всё отлично, мне лично все нравится кроме одного — очень далеко спрятали поиск, добавьте его в меню, пожалуйста.
Я теперь себя как-то ограничено чувствую :(

Уберите серые полости, и прижмите панельки к бокам, пожалуйста. Отличный вариант у nvkzNemo получился.

Старое лого конечно жаль, сейчас какая-то совсем непримечательная «H», раньше то лого было довольно узнаваемым…
image
Идею двигаю для кучи:

Сделайте страницу «Ответы» habrahabr.ru/users/methos/comments/answers/

Там будут комментарии юзеров, которые ответили конкретно мне.

По сути, то, что давно реализовано в моём расширении хабры для браузеров

image

Кстати, оно не фурычит, видимо, из-за новой разметки. Нужно будет поправить…
Вот черт! Зашел на freehabr.ru и почувствовал разницу. На сколько там все удобней и понятней…
Вот не заходил раньше, а тут решил зайти по вашей ссылке…
Зря я это сделал, я не хочу чтобы Хабр был таким, особенно в части рекламы…
Оставлю тут скриншот старого дизайна, для истории.
UFO just landed and posted this here
Предлагаете при каждом заходе на страницу самостоятельно править css, чтобы сиё появилось в сайдбаре? :)
UFO just landed and posted this here
Мой браузер совсем недавно был похоронен заживо одной скандинавской компанией… и для него уже ничего не делают… :(
Можно прокси поднять :)
Правой мышью->Настройки для сайта->Вид-Моя таблица стилей — здесь можно указать произвольный css для сайта.
Да, аналогичным способом я возвращал в правильное состояние fl.ru, после их редизайна с плавающим топбаром.
Считайте первое сообщение риторическим )
У некоторых компаний остался прежний дизайн: Intel, MailRu, Microsoft…
Скорее всего не у некоторых, а у всех, и в профилях компаний, если там существовало какое-либо нестандартное оформление, применить изменения не успели / не смогли.
Да, где нестандартный дизайн там прежнее отображение
А можно скромный вопрос, а что за баланс? Разве на хабре есть какие-то покупки?
image

Мне кажется следует с цветами определиться
Искренне надеюсь, что редизайн m.habr.ru случайно задел на главный домен)
Очень надеюсь, что m.habr.ru не будут трогать. Самое то, чтобы читать хабр в дороге, где EDGE работает через раз.
Раньше на Хабрахабре основным отличием гиперссылки от обычного текста было её подчёркивание, так что блёклый «не особенно цветной» текст гиперссылки воспринимался как благо: нечего было «заострять» и без того явное отличие гиперссылки от обычного текста.

Сейчас подчёркивание убрали, и гиперссылки стали сливаться с обычным текстом: они такие же, как текст, тёмненькие — просто совсем чуть-чуть ещё серовато-синенькие (даже посещённые гиперссылки лучше заметны: они, по крайней мере, малиновые; а ведь должно быть наоборот: посещённые гиперссылки должны блёкнуть в сравнении с непосещёнными).
В частности, заголовки блогозаписей на странице комментариев вообще не цветные и чуть-чуть светлые (#666). Как понимать, что это гиперссылки?

Вот я в скобках «#666» записал тем же цветом: хорошо ли заметно, что это не просто текст, а текст другого цвета? Плохо, плохо! И это ещё при близости (рядом, без пробела!) к реально чёрным символам основного текста. (Тогда как на странице комментариев заголовки блогозаписей отделены от основного текста: они идут на полях его, то есть идут поодаль.)
Я всегда читаю сайт в увеличенном масштабе, потому что слишком мелкий текст. Эта новая панель навигации при масштабе большем 100% смотрится огромной, некрасивой и размытой. А при масштабе >= 200% она вообще ломается: кнопки улетают вверх и прокручиваются вместе со страницей. Такое поведение наблюдается в Chrome и Firefox. Как-то не очень.
Странно. У меня всегда увеличение 150%, панель слева всегда слева и смотрится не размыто.
Все кнопки на месте.
UFO just landed and posted this here
>сейчас все мониторы широкие.

У кого как. Я специально нашел монитор 4:3 и менять его не собираюсь.
Интересно, а старые посты чинить будут?
А то та панель что должна быть справа, отображается далеко внизу, в конце поста, слева, да еще выезжая за границы экрана (Firefox).
И текст у комментариев странный…
Например.
Мне понравилось. Действительно стало удобнее.
Меньше нужно скроллить — очень сложное действие для браузера.
Я говорю уже про растянутую версию.
Колоночные сайты не одобряю.

И да, согласен с некоторыми, пункт «Новые» в меню быдобавить
Жаль что нет в настройках вернуть старый дизайн…
По-моему, пусть лучше по нажатию кнопки «Трекер» сразу происходит переход туда. Лишнее меню совсем не нужно.
Да хотя бы просто ссылку пусть сделают — привык как-то правой кнопкой в соседнюю вкладку открывать…
UFO just landed and posted this here
Не привычно, но вообще мне нравится. Давно пора.
Ещё неплохо было бы, если бы заредизайнили определения уровня комментария. Считать эти точечки, уж очень геморойно. Раньше almalexa делал плагин для stylish, который редизайнил хабр. Вот там просто у каждого комментария слева стояла крохотная циферка — номер уровня. Было дико удобно.
Мне на opennet'е нравится нумерация комментариев: первое число — уровень, второе — порядковый номер комментария в посте.
С первого взгляда не понравилось. Теперь для навигации приходится осуществлять два-три клика, хотя раньше хватало одного. Про поиск вообще молчу.
P.S.
С большим волнением ткнул по жирному плюсу на боковой панели, предвкушая что вместе с дизайном изменили и редактор. Но увы, всё тот же. Пусть это и не совсем в тему, хочу поинтересоваться планируются ли какие-то улучшения редактора? Самое желанное – формулы (поддержка TEX). Без этого добавлять на хабр статьи околоматематической направленности сущая мука.
На самом деле было бы классно с новым дизайном увидеть и адаптацию под ретина-дисплеи Маков.
UFO just landed and posted this here
Означает ли отказ от событий то, что их можно постить в соотв. тематически хабы или они опять будут баниться?
У меня в трекере сейчас 3738 сообщений.

Если даже на каждое тратить в среднем по 5 минут (то есть читать по 12 сообщений в час), то потребуется 311½ часов, то есть около 39 восьмичасовых рабочих дней.

Это более половины того времени, которое остаётся до закрытия доступа ко Всемирной Паутине из России под предлогом того, что это проект ЦРУ, состоящий из незаконных незарегистрируемых блогов, пропагандирующих наркоторговый суицид и экстремистскую педофилию.

Следовательно, оставшиеся 77 дней (до 1 августа 2014 г.) я предпочту расходовать несколько более экономно и рационально, нежели на чтение трекера Хабрахабра.

А потому нельзя ли устроить дизайн таким образом, чтобы это число (число сообщений в трекере) не рисовалось на таком фоне, который намозоливает глаза? А не то и вовсе не рисовалось бы? Настройку предусмотрите какую-нибудь, что ли. И чтобы настройка эта не отключала заодно счётчик непрочитанных личных сообщений, который, наоборот, весьма полезен на экране, когда такие сообщения приходят.
UFO just landed and posted this here
Это работает только для будущих уведомлений, насколько я понимаю.

А узнать при регистрации (11 марта 2009 года) о том, что 15 мая 2014 года на Хабрахабре уведомления внезапно станут очень заметными, я никак не мог, сами понимаете.
А скриншот можно увидеть?

Кажется, если я правильно вас понял, то при заходе на страницу habrahabr.ru/tracker/subscribers/ этот счётчик событий (на звонке) должен сброситься…

Или вы о другом счётчике?
Почему бы не оставить возможность вернуться в старый дизайн тем кто этого пожелает? ну капец же…
Хотели сделать шире, но «по ощущениям» тесно стало. Панель отвлекает. Она слишком близко к контенту.
Раз она зафиксирована в угоду «моднявости» и планшетов — зафиксируйте ее слева у края. Как все комментаторы выше предлагают.
Зачем делать отдельную мобильную версию? Почему нельзя с помощью медиа-выражений просто оптимизировать обычную версию под телефоны. Так не придётся учиться новому интерфейсу и набор фич будет одинаковым.
UFO just landed and posted this here
Мы ждали этого дня, он наступил. Я не могу понять одного — зачем мне дизайн для планшетов когда я использую декстоп? Зачем мне на декстопе в панели иконки, где текстовое меню? Это fail.

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

А то что при этом уменьшилась полезная ширина области контента (к которой пользователь очень привыкает) что ограничивает пользователя видеть одновременно больше информации после первого скрола те ухода с «первого экрана»? Надоедливая левая панель которую так и хочется сдвинуть в самый левый угол а область контента растянуть на всю ширину (увеличить max-width).




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

Methos очень наглядно в своем посте привел сравнение с правильной версткой сайта w3.org habrahabr.ru/company/tm/blog/222855/#comment_7588825

15.05 — день памяти о старом дизайне сайта habr.ru
Сейчас стало получше, поширше, но, конечно, соглашусь — боковую панель нужно убрать или наверх, сделав её горизонтальной, или прибить к самому левому краю экрана.

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

И количество комментариев будет удобно сразу видеть около заголовка, а по клику перемещаться к комментариям вниз (ибо, повторюсь, иногда прокручивать длинное полотно поста, чтобы почитать комментарии — долго и неудобно)

image

Это просто идейка, оформить конечно, можете как вам удобно.

+ Ещё идейку подкину, я добрый сегодня:

Одним кликом показать все собственные комментарии и ответы на них, остальные скрыть под плюсики с возможностью открыть.
А может попробовать такой вариант: при скролле вниз левое меню прячется, оставляя на экране узкую серую полоску в несколько пикселей, при наведению на которую выдвигается полноценное меню? Не расширяя при этом центральное поле текста.
Не будет так мешаться.
Да зачем все усложнять? Нужно сделать проще с уже обкатанным вариантом на декстопах. Вернуть меню наверх и сделать его текстовым, и например запилить «position:fixed на событие scroll» чтобы меню всегда оставалось в поле зрения.

Эта панель с иконками слева нафиг не нужна на десктопах с разрешением более 1280. Хотя пользователи с ноутбуками-планшетами возможно будут рады этой панельки чтобы тыкать пальцем.
У многих слева другой монитор или какие-то другие панели, или браузер открыт не на весь экран. Целиться в несколько пикселей будет совсем неудобно.
Ладно, меню сбоку на мониторе — это ваше дело, но если говорить об обновлениях, то вот кейсы, пожалуйста, рассмотрите их:
1. Сделайте в меню кнопку голосования за читаемую статью, и кнопку добавления в избранное, потому что я внутренне голосую за статью и добавляю ее в избранное не после полного прочтения, а где-то дочитав до середины, если честно, от бокового меню я ждал добавления только этого функционала.
2. При просмотре с телефона в браузере (Android + Chrome) в вертикальной ориентации это меню отнимает и без того ограниченное полезное место для текста, в то время как сделать его горизонтальным и прикрепленным вверху или внизу сайта для телефонного отображения в вертикальной ориентации — не слишком сложно.
3. Есть ли возможность в настройках прикрутить возможность изменения пользователем отображаемых размеров этого меню: зашел с ноутбука — поуже, зашел с планшета — пошире и тп?

А вообще появилось ощущение клаустрофобии — сверху панель браузера, слева теперь вторая стена, зажали вы меня в угол.
UFO just landed and posted this here
В личной переписке выпадающий список Source разъехался.
UFO just landed and posted this here
Последний хром на OS X, некоторые кнопки слегка обрезаются. Скрин.
UFO just landed and posted this here
А, и правда, 120% стояло, извиняюсь.
Когда увидел ЭТО, первым делом сразу стал искать кнопку «отключить мобильную версию».

На большом широком мониторе графика для мобильника с гигантскими кнопками смотрится МЕРЗКО.
Быстрей в адресной строке набрать habrahabr.ru/search чем делать 2 клика через меню с иконками. Вообще чему тут удивляться когда дизайн для планшетов =)
Логотип убрали зря.

Из более серьёзных предложений — пожалуйста, сделайте нормальные ссылки на вкладках меню вместо #user_tab и #tracker_tab. Лично я привык в тот же трэкер переходить одним кликом вместо двух, а теперь это стало банально неудобно (раньше можно было ткнуть колёсиком / правой кнопкой мыши, а теперь же этот способ невозможен).
После закрытия любого меню кнопка, которая вызвала это меню, остается активной. Не знаю баг это или фича, но смотрится странно. Скрин.
У меня разные кнопки ведут себя по-разному. Ой нет, даже не так: сначала при наведении кнопки выделяются, после нажатия на любую кнопку она остаётся нажатой, но выделение при наведении иногда ломается и реакция остаётся только на кнопке профиля. Но у меня Opera, так что это уже привычно.
Когда уже сделаете рабочий поиск? Ничего не находит, например, по запросу «c#».
image
Кошмар перфекциониста. Это баг или фича? (высота выделенного блока на пару пикселей больше)
Присоединяюсь! Смотрится очень неаккуратно.
Это баг, унаследованный ещё с ранних версий, когда был второй уровень и для «ровной стыковки» приходилось дорисовывать снизу полоску. Об этом знаем, самими не нравится, но проще всю навигацию переверстать, чем пытаться исправить имеющийся вариант. Этим займёмся в обозримом будущем, а пока мы просто перешли от горизонтального меню к вертикальному.
UFO just landed and posted this here
Я всё видел ;)
Теперь вы не сможете спать.
С эстетической точки зрения спорно. Ну да ладно, функцинал может и действительно удобный.
Но я прихожу на хабр читать статьи. Для меня хабр — не соц сеть, а информационный ресурс. И заем вот сужать мой монитор отступами слева и справа?
Раньше, когда мониторы были кинескомными и 14 дюймовыми — все пытались найти место на экране, максимально увеличить область с контентом. А сейчас все добавляют paddings и marrgins — чтобы люди с большими мониторами читали статьи, как будто на 14 мониторе.

Печально это все, деградируем мы, товарищи веб-разработчики(
Все очень круто, UX в разы улучшен. Осталось побороть проблему утёнка :)
Конструктивно, не радует неполный редиз. Многие блоки остались в совершенно первозданном виде и выглядят немного не к месту в свете нового вида.
Хотя, мне кажется, что такие изменения обычно закидываются, как и в политике, с малого. Например, редиз стрелок кармы, а потом, пока все заняты обсуждением этого, полное обновление сайта.
Спасибо Хабру за то, что улучшил мой User eXperience.
Спасибо, что исправили ошибку отображением ленты только в 24-часовом формате.
Решил сделать свой юзерстиль с преферансом и дамами, во всю ширину, палка слева не приклеена, фон белый.
Скриншот
image


Если кому понравится, но будут дельные замечания — готов вносить правки
UFO just landed and posted this here
Ну это цена, которую лично я готов заплатить.
UFO just landed and posted this here
Тогда уж и вы выключайте Ваганыча.
UFO just landed and posted this here
Я сейчас пользуюсь этим стилем — все нормально и читабельно.
UFO just landed and posted this here
Обновил стиль, сжал контентную часть, убрал серый цвет, вернул кнопку «вверх», смотрится симпатично:
image
Справа куча свободного места, почему б эту панель не переместить туда? И у меня комп, а не планшет.
UFO just landed and posted this here
Нужно провести голосование! Привыкнем и к этому конечно, но необходимости в редизайне я не вижу.
UFO just landed and posted this here
Пользователям планшетов тоже не больно удобна фиксированная полоса слева, в которую всегда можно нечаянно ткнуть.
UFO just landed and posted this here
Посмотрите на рейтинг поста: плюсов примерно на четверть больше.
Рейтинг блогозаписи отражает не одобрение, а интерес к её содержанию, то есть готовность поместить её сперва в захабренные, а затем в лучшие за 24 часа. (Где «лучшие» опять же не «наиболее одобряемые», а всего лишь «наиболее интересные», «наиболее айтишные».
Рейтинг блогозаписи отражает настроение левой пятки голосующего в момент нажатия на кнопку, по-моему… Кто-то голосует по принципу «Нравится-не нравится» (что, кстати, и написано в подписях кнопок), кто-то по принципу «Согласен/не согласен», у кого-то вообще день неудачный и он минусует все подряд, и т.д. Так что делать какие-то далекоидущие выводы на его (рейтинга) основе бессмысленно.
Я плюсанул, чтобы новость поскорее вышла на главную в захабренные.
Вы лучше на рейтинг первого коммента посмотрите.
События вроде удалили, а в настройках уведомлений они остались.
UFO just landed and posted this here
UFO just landed and posted this here
цифры количества новых сообщений(трекер) должны быть зелеными, более доброжелательными чем нынешний красный цвет, который скорей говорит о проблеме чем о чём-то новом в теме/хабе.
Зато с этими новыми ответами так и хочется разобраться, чтобы они не краснели там, возле колокольчика :)
Когда я первый раз сегодня сюда зашел я подумал:

О какая крутая версия для планшетов!

А потом до меня дошло…
Левое меню при открытии закрывает собой текст (статьи или комментариев). Это не выбивает из контекста на тостере, но выбивает из контекста на хабре. Предлагаю заставить основной блок с текстом и комментариями отъезжать вправо вместе с открытием левого меню. Тогда пользователь не будет терять контекст при нажатии на кнопку. Ему не придётся вспоминать, зачем он вапще её нажал, как сейчас.

В открытом состоянии меню использует меньше 50% вертикального блока, который требует в пользование. Было бы круто добавить туда другие функции, возможно, более подробную навигацию, возможность напрямую из меню перейти к статье в трекере (что, повысит число людей, использующих трекер).

Если оставить текстовый блок вместе с открытым меню на экране, есть возможность прямо в открытое левое меню встроить поиск. Так можно будет выделить фразу в тексте и сразу скопировать её в поисковой блок. Можно даже выдавать первые n результатов поиска прямо в открытый блок меню.

Кнопки в меню, переводящие на другую страницу нужно как-то пометить. А то я уже успел потерять коммент, неосторожно ткнув в кнопку. Особенно, если расширять функциональность меню и делать функции, не вызывающие перехода.
Если нажать на любую из кнопок в левом меню, а затем закрыть появившуюся панель, то кнопка останется в «нажатом» состоянии. Это баг или фича?

Скрытый текст


А, кста, долго в трекере будут посты с новыми комментариями помечаться «360 +0», когда там есть один новый комментарий? Есть и обратная ситуация, когда при единственном новом комментарии счётчик будет показывать число на 1 меньше, чем общее количество комментариев в посте.
О да, об этом баге я уже говорил в личку бумбуруму месяца так 6 назад, воз до сих пор там (-:
Мда. Исправили, теперь +0 тупо не пишется, теперь пост выглядит как прочитанный без комментариев, однако находится среди непрочитанных.
пришел на этот комментарий по такой ссылке :)
UFO just landed and posted this here
Хм… а мне показывало один новый комментарий, а выдало сразу 3 :)
Кстати старый дизайн все еще доступен, достаточно поменять пути стилей и скриптов с 1400150974 на 1400082608, остается лишь вопрос верстки меню сверху, так как гуглокэш ее не знает.

пруф
image
Кто же сделает userscript, который меняет ссылки на css и возвращает старый дизайн…
Под «всё» я имею в виду оформление хабрахабра, а не все сайты в интернете.
я обновил свой комментарий выше.
под «не знает» я имел в виду то, что у него нет учетной записи, а значит и верстку того блока он знать не может :)
Вёрстку да, хотя можно покопаться в локальном кеше, может у кого-то осталось. А стили там универсальные, т.е. не того, что видно, а того что было реально на тот момент для сайта, и блока с учётной записью в том числе.
ну, это и утке понятно)
Неожиданно, что по клику на свою иконку в левом меню колёсиком, новая страничка открывается не с профилем, а с той же страницей, что была до клика.

Серьёзно, это бред. У меня с моей аватаркой ассоциируется мой профиль — неужели у вас не так?
Там ссылка на #user_tab, что лично мне тоже кажется довольно нелогичным решением.
Да, вы совершенно правы. Извиняюсь за неточность.
Я бы еще и кнопку обновления комментариев в навигационную панель перенес, с отображением количества как в трекере
Выстывил зум 175%. Мне вполне нравится:
image
Оказалось лучше на 150. А то стрелочка вверх пропала.
Товарищи, это конечно все красиво и возможно удобно, но классический хабр уже как-то роднее стал. Да, конечно можно привыкнуть, но все же это не то. Скорее всего новым пользователям это понравится, но старым непривычно. Это конечно не более чем ИМХО.
Поддержку альфа-канала к аватаркам сделайте. Белый квадрат на панели смотрится отвратительно.
Спасибо, что хоть не плиточный интерфейс, но реально стал ужасно.

Зачем было делать редизайн если к старому интерфейсу нареканий никаких не было?
Сделайте это колонку отключаемую. Или лучше бы она сверху была. Поиск сделайте чтобы виден был на странице и как теперь действительно попасть в новые одним кликом?
Сделайте кнопку скрытия меню. Реально мешает читать.
На тостере это не так заметно, потому что там короткие тексты, как правило, а тут при вдумчивом чтении оно постоянно в глазу мелькает. iReader пока спасает.
меня наоборот порадовал новый дизайн. Но есть одна мелочь, которая портит все положительные эмоции — кнопка возврата в начало страницы. На PC мне, если честно, на эту кнопку как-то пофиг, но вот на планшете… держа девайс двумя руками я очень часто задеваю ее (еще с тостера тянется эта проблема) и это очень злит. пойди потом найди нужный комментарий или часть статьи. При этом при всем, в ios есть встроенный функционал возврата в начало страницы (тап по статус бару) и если мне уж нужно будет вернуться вначало, то я, скорей всего, воспользуюсь этой фичей. Я бы или убрал ее, или сделал опциональной в настройках
и это очень злит. пойди потом найди нужный комментарий или часть статьи.

Повторное нажатие на эту же кнопку вернет вас к комменту, с которого вы ушли в начало.
Повторное нажатие по кнопке вернёт вас в изначальное место.
Гениальное решение, кстати сказать, это хабровская придумка или раньше было?
Вообще-то всегда так было… и если у вложенного комментария нажать стрелку вверх (самая правая иконка в шапке камента), то перемотает на родительский камент, а с него можно вернуться стрелкой вниз на исходный.
Сначала показалось визуально шире, но немного попрактиковавшись в новом интерфейсе возникли неприятные ощущения:
— Вообще неприемлю статичные интерфейсы, честно говоря.
— Количество кликов увеличилось для перехода к нужному разделу. Но меня это не волнует, я сразу открываю habr.ru/posts/collective, а для поиска юзаю гугл site:habrahabr.ru
— Функция «к началу» начала подтормаживать на любой странице. Сама кнопка переехала от края экрана. Это не есть гуд.
//
Кто первый напишет плагин для возвращения старого хабра?
Всего пару строк и изменения почти незаметны
#layout {
	max-width: 100% !important;
}
#layout .inner { 
	margin: 0px auto !important;
	max-width: 1340px !important;
}
#navbar {
	opacity: 0;
}
#navbar:hover {
	opacity: 1;
}
Идеально помогло, спасибо. Стало даже лучше чем было (в сочетании с прибиванием панели к левому краю и отключению адаптивного дизайна для узких страниц).
Спасибо. А то я «display: none» сразу сделал, и только потом стал думать «а вдруг понадобится». Сам с CSS почти не дружу…
Классное решение, но у меня так к левой части экрана липнет, не оставляя отступа. Добавил padding:30px;, и практически старый хабр вернулся ко мне в браузер.
А кому-то разве не нравится старый дизайн? Кто-то просил его обновлять? Вроде и так все хорошо было ж)

может быть можно сделать кнопку «вернуть старый дизайн»? или сделать в настройках «темы оформления», где можно было бы переключиться, как на некоторых форумах…
Не смотря на замечания по размеру шрифтов — искренне спасибо, что не стали менять стиль самого шрифта, поскольку позволит столь же комфортно читать статьи.
Дизайн отстой, дайте кнопку «откатить»! (:
Только хотел то же самое предложить. Насчет «отстой» — это субъективно, и может кому-то такой дизайн и понравился, но нужно же оставлять выбор.
☻/ — Это Боб и он строит армию…
/▌
/ \
░░░░░░███████ ]▄▄▄▄▄▄▄▄
▂▄▅████Т-34███▅▄▃▂
I███████████████████]
◥⊙▲⊙▲⊙▲⊙▲⊙▲⊙▲⊙◤
Ничего не понял. По бокам появились серые «уши» без текста и чего бы то ни было, зато панель теперь висит красиво в воздухе. Почему так?
1) Логотип — мне нравится. Очень в стиле модного flat design. Если не думать, что это просто копия некоторых иконочных паков (например, Voxel).
2) По поводу левой навигационной панели. Удобно. Совершенно не мешает на мониторах.
Но не без косяков. Типичная ошибка при абсолютном позиционирование — d.pr/i/5QW2
3) Я действительно не понимаю почему сайты, состоящие, грубо говоря, только из текста и картинок, не делают адоптивными? Особенно, тот сайт, на котором этой теме уделяют столько внимания? Mobile first! И не надо никаких отдельных сайтов для мобильных устройств. У вас же не такая загруженная страница как, к примеру, у New York Times.

В целом, мне нравится. Не стоять на месте — это хорошо. Тем более, движение в правильном направлении.
И еще. Совершенно непонятно почему правая навигация исчезает при ширине экрана меньше 1024px. Т.е. сама панель продолжает жрать место, но уже совершенно не понятно зачем.
а мне понравилось, отличное дизайнерское решение. Тем кто говорит что не понравилось, живут в 2005. Дело привычки, но я как дизайнер говорю это круто ребят.
История из разряда «Дуров верни стену»
а почему эту кнопку не обновили? как-то не очень смотрится

Наверное, рассчитано на 13" таблетки с FullHD, только почему-то шрифт текста не подкрутили под размер шрифта меню.

Если же честно — стало хуже (как на Тостере), ничего не прибавилось, зато лишнее время на поиск «где знакомая сточка в меню» стало заметно тратиться.

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

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

P.S. Да, уже час глаза ломаю, а тут понял: кнопка «обновить» (справа по центру висит) на FullHD нависает над серой полоской, изображающей границу экрана/страницы. Сама кнопка «обновить» полупрозрачная, посему очень выглядит такое наслоение неаккуратно.
На тостере этот дизайн нормально смотрится, а тут как то совсем не в тему. Сверху страницу как обрубили и эта мозолящая глаз полоса сбоку. Ненавижу редизайны и всякие «улучшения».
Решил для себя проблему с новой навигацией превращением футэра в неё же:
Код
body { background:#fff; }

.footer_panel { bottom:auto; left:0; position:fixed; right:0; top:0; }
#footer { background:#fff; border-bottom:1px solid #ccc; border-top:0; font-size:inherit; height:1.25em; margin:0; padding:1em 6em; transition:0.5s; }
#footer:hover { height:12.5em; }

#footer dl { font-size:11px; }
#footer dl dt { margin-bottom:0.5em; }
#footer dl dd { line-height:normal; margin-bottom:0.5em; }
#footer dl dd:last-child { margin-bottom:0; }

#footer .copyright .about { font-size:13px; }

.footer_logos { display:none; }

#layout { background:none; min-width:100%; max-width:100%; position:static; }
#layout .inner { margin:4em 6em; padding-bottom:0; max-width:100%; }

#navbar { display:none; }

По умолчанию такая «шапка» висит сверху страницы постоянно, но это меняется перестановкой свойства position в элементе #footer в значение absolute (position:absolute). Дополнительно убран блок с дочерними проектами, так как его портировать под нужды революции не удалось.

Поначалу немного тяжело привыкнуть, но затем гораздо проще.

Естественно, это не поможет на тач-устройствах, но ведь для них и новое обновление вполне сгодится.

Выкладывать на userstyles.org и пр. я, пожалуй, пока не стану.

Вид сверху с наведением на шапку-низ
image
Спасибо огромное, мне наконец полегчало. А то я до сих пор в шоке от нового дизайна.
Вот, немного допилил ваш вариант. В основном копипаста, ну еще местами циферки поменял, местами opacity добавил, сам с CSS работаю впервые. (Это ведь он был?)
Вроде, выглядит неплохо.
Код
body { background:#fff; }

.footer_panel { bottom:auto; left:0; position:fixed; right:0; top:0; }
#footer { background:#fff; border-bottom:1px solid #ccc; border-top:0; font-size:inherit; height:1.25em; margin:0; padding:0.25em 6em; transition:0.5s; opacity: 0.5; }
#footer:hover { height:12.5em; opacity: 1; }

#footer dl { font-size:11px; }
#footer dl dt { margin-bottom:0.5em; }
#footer dl dd { line-height:normal; margin-bottom:0.5em; }
#footer dl dd:last-child { margin-bottom:0; }

#footer .copyright .about { font-size:13px; }

.footer_logos { display:none; }

#layout { background:none; min-width:100%; max-width:100%; position:static; }
#layout .inner { margin:4em 6em; padding-bottom:0; max-width:100%; }

/*#navbar { display:none; } */
#navbar { left: -70px; transition: ease-out 0.5s; opacity: 0; }
#navbar:hover { left: 0; opacity: 1; }

#navbar .nav_panel .logo { 
    background-image: url('http://beta.hstor.org/getpro/habr/comment_images/2c6/d02/1a9/2c6d021a9110fec4225d1dca7b0ec390.jpg');
    background-size: 71px 71px;
    background-position: 5px 2px;
}
    
    #navbar .nav_panel { 
    background: #FFFFFF;
}

#navbar .nav_panel .tab { 
    background: #FFFFFF;
}


количество уведомлений в трекере слишком назойливое. Раньше была крошечная цифирка в углу, а теперь — огромный значок прямо перед глазами. Так и тянет залезть в трекер и отметить все, как прочтенные.
Так кто вам мешает :)? Трекер — это действительно удобная штука, сразу видно, что интересного произошло с прошлого твоего посещения.
Так хочется ведь прочитать-таки, когда время будет, а не просто отметить как прочитанное.
В целом стало значительно лучше, легче, читабельней, но есть несколько недочетов, которые команда Хабра, я уверен, поправит и будет счастье.
Вот оформил идею оформления верха поста.

Сразу видно, кто автор, какая у него карма и рейтинг, сколько комментариев у топика (текст «комментарии» сделать ссылкой на перемещения вниз для чтения комментариев, и можно добавить зелёным, сколько новых комментариев в топике), сколько голосов за топик, здесь же галки для подписки/отписки на трекер, добавление в избранное и др.

Пожалуйста.

image
UFO just landed and posted this here
С мобильного кстати вполне удобно:)
А вот на компе тяжело статьи стало читать, левая плашка очень глаза отвлекает.
А я вот так сразу сделал, серый фон напрягает.

body {
  background: #fff;
}

#navbar {
  left: 0;
}
Плохо.

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

Поиск плохо спрятали. Я его всего лишь за полторы минуты нашел.

Серый текст на сером фоне тоже трудно читать.
Я сузил на 50% окно браузера и внезапно левая панель растянулась по всей высоте страницы и стала скроллиться вместе со страницей.
скриншот:
take.ms/avumi
это фикс бага для position:fixed при наличии горизонтального скролла
можно ли в настройках убить левую панель? Бесит до ужаса.
Если бы она сама заезжала и выезжала, то еще ладно, но вот воровать у юзера 70 пикселей свободного пространства это наглость. ИМХО.
А знаете, что самое обидное? Что авторы поста прекрасно понимают, что данный дизайн нелюбим большей (или, по крайней мере, значительной) частью пользователей сайта. Понимают, что на других проектах освоение подписчиками проходило с большим скрипом.
Получается, что авторам сего замечательного сайта безразлично мнение большой части нынешнего хабра-сообщества, а интересует в основном лишь привлечение новых посетителей.
Я не думаю, что кто-то этому удивляется. Лично я ожидал этого и при открытии Хабра возникала обычно лишь 1 мысль: «Ура! Сегодня еще старый дизайн!»
А накладно будет, если сделать опциональную поддержку старого и нового дизайнов?
Этот вопрос лучше задать Microsoft'у )))
А вот «события» зря убрали, лучше было бы их сделать более видимыми. Ибо хороших сайтов с анонсами событий нет, агрегировать их некуда и неоткуда, на timepad'e слишком много всего постороннего, а на Хабре довольно естественно было и читать о них, и о своих сообщать. Теперь придется только в постах писать про события… Может, для них хаб отдельный сделать?
Убрали названия хабов из правых блоков. Вы хотите заставить пользователей читать больше того, что им не интересно?
не нравится мне изменения, почти допилил свой плагин для хрома и теперь почти как было

image
Ожидать ли версию для firefox?
то что нужно, еще бы версию под FF.
А на самом деле спасибо. Такой ужасный дизайн наконец-то подтолкнул меня написать свой стиль для хабра. Теперь мне удобно. Уверен, что вы в статистике посещаемости изменений не заметите. Такая уж аудитория у хабра, что плохой дизайн просто исправляют все.
Инновации, редизайн — все это хорошо. Но почему нельзя добавить одну кнопку «вернуть старый вид!?
Красиво, просторно, но пока глючно. Не могу с айфона минусовать комментарии. И поюсовать тоже.
И отредактировать комментарий не могу. Для тач устройств не подходит вешать события только на onclick для многих элементов. Самое простое и по-быстрому — делать $el.on(«click singleTap», ...), или touchStart
Умоляю, хотя бы не трогайте основной текст.!) Не меняйте его на PT Sans как на тостере! Он корявый для пиксельной сетки!)
Что? В каком месте PT Sans корявый? Или это про нынешний пиксельный ад CSS-кода Хабрахабра?
PT Sans своим начертанием в 12pt не ложится гладко в пиксельную сетку. Начиная от 16px он уже пригоден. Но меньше — не резкий.
Так у меня мог бы видиться ваш комментарий:
UFO just landed and posted this here
если укладывается, значит это не PT Sans уже или у вас ретина)) Шрифт на то и шритф что у него начертания разные. А в квадрате 12 на 12 пикселей сложно что то изменить в шрифте, не изменив шрифт)
Да и его должен ставить не я, а мне — сам браузер. С того же гугл фонтс. Паратайп, я так понимаю, и содержит последнюю версию www.paratype.ru/public/ 2.003
UFO just landed and posted this here
Может всё-таки в 12 пикселей, а не пунктов? 12 пунктов = это и есть 16 пикселей. А вообще да, есть такая проблема.
Увидев примитивизацию Тостера и Фрилансима, я ожидал куда худшего. А редизайн коснулся, по большому счёту, только выпила хедера и замены его единым для всех сервисов меню. И на том спасибо, конечно, но теперь оставшиеся элементы старого дизайна не вписываются в это окружение. Надо хотя бы иконки плоскими сделать, и кнопки редизайнуть. Главное — не увлекаться, а то ещё мои ожидания станут явью, чего доброго.
Напрягает что клавиатурная навигация (особенно f/r) работает сегодня очень иногда, то включается, то отваливается в процессе перехода между постами (в рамках одной вкладки).

Естественно, кэши чистились.
У меня эту религию исповедовало прошлое начальство. Ну оно же до конца не дочитывает?)
Лепило туда, где не нужно, глупо, смешно, спорно. Ну… на вопрос «зачем?», потому что ссылки дожны быть подчеркнутыми и точка.

Вот обратите снимание на последнее правило:
Проверка дизайна на правильность проста: если зритель, не притрагиваясь к мыши, может угадать, где ссылка, а где нет, — перед нами хороший сайт. Это правило перевешивает все остальные.
У меня есть проблемы с пониманием того что голубой текст в статье это ссылка. И рекомендуемые посты когда были подчеркнуты выглядели понятнее.
Быть может без подчеркивания было бы ок, если бы когда мышкой на ссылку наводишь не появлялось подчеркивание, потому что: сидишь, читаешь, страницу листаешь, хопа какая-то палка под текстом появилась из-за того что курсором в неё попал (произошло акцентирование внимания, на что? Вопрос...).
За подчеркивание ссылок в тексте голосую за.
Кстати крутилку вверх тоже слили, раньше было удобно потому что она была интуитивна — резкое движение влево и клик, а теперь прицеливаться в блок нужно :(
Вообще, если честно, всё это похоже на диверсию. Сначала iOS 7, теперь вот это. Неспроста всё это…
Реакция сообщества более чем неоднозначная) Интересно, каково сейчас автору(-ам) изменений :)

Сам никакой особой крамолы в новом дизайне не вижу — поиском практически не пользуюсь, трекер отслеживает только упоминания/личные сообщения.

Общее ощущение — нравится больше, но все же обновили не довели до логического завершения, область статей/комментариев осталась практически без изменений, со все теми же мелкими элементами (каково, например, на планшете голосовать за комментарии?).
Неужто прям так с ходу срубили?)
На планшете не работают:
— ответить;
— ссылка в профиль;
— копирование ссылки на комментарий;
— добавить в избранное и еще две неизвестных кнопки рядом;
— обновление комментариев;
— + и — не могу проверить по техническим причинам.
IPad 2

Ребята, а вы точно тестировали перед выкатыванием в продакшн?
UFO just landed and posted this here
Всегда не понимал смысл изменения дизайна сайта основной задачей, которого производить контент, а не потреблять его под платформу изначально направленную на потребление контента.
Интеграция с другими проектами компании, внедрение дополнительных функций, обновление уровня дизайна до современного уровня, подстройка под современные средства связи, итд. В общем желание сделать больше денег.
Я уже ненавижу само понятие «Современный дизайн», все проекты которые обновились до «Современного дизайна» очень сильно потеряли в удобности!
С планшета спойлеры не открываются и кнопки не работают, например, «ответить» (уже написали выше).
Я, кажется, понял смысл редизайна вчера вечером. На работе у меня большой моник с FullHD, новый дизайн выглядит не очень. Дома ноут 13'', на нем все гораздо удобнее. Мораль: не читай хабр на работе!
Э-э… выбрось домашний 30" монитор?
Основная цель изменений в навигации – увеличить полезную площадь первого экрана пользователя. Старое навигационное меню занимало много места, из-за этого часто приходилось скроллить вниз страницу, чтобы начать читать. Теперь полезная площадь начинается сразу от верхней границы окна браузера, что, несомненно, очень удобно.

При чтении глаза обычно находятся чуть выше середины экрана. Поэтому удачная по высоте шапка часто помогает тексту находиться там, где он наиболее ожидаем. Читать с края экрана не так комфортно.
UFO just landed and posted this here
Даже в статье, на фотографии сравнивают на двух планшетах… Для планшетов, мобильников есть прилага, от сайта руки прочь. =(
Скрытый текст
image

Теперь эта страница все время кидает alert.

Может не стоило торопиться с новым дизайном?
Везде на хабре алертует. Если выключить адблок — всё ок.
У меня было только в этой статье. И у меня нет адблока.
Они, наверное, тестируют в т.ч. на IE 6 — 7, на них оно не работает!!! :)
Направление хорошее, свежо, легко.

Не нравятся серые поля в полноэкранном и то, что поиск пропал из быстрого доступа.
Теперь приятнее гугл заставлять из браузера по хабру искать, чем сам хабр по себе...)
Т.к. поиском никто не пользовался, было решено его выпилить.
Сделайте кнопку «открыть все спойлеры», а то в постах иногда более 5...10 спойлеров, каждый открывать — трата времени.
Или даже настройку «по умолчанию все спойлеры открыты».
Также реквестую подгрузку изображения в спойлере, только если он открыт.
Я честно ждал два световых дня. Дождался только рекурсивного Что не так с редизайном Хабра. Но так и не дождался, что кто-то сошлется на аналогичный процесс, происходящий на slashdot.org. Я ежедневно, вместо «Правды», «Известий» и «МК» читаю этот сайт с прошлого тысячелетия (нет, живых динозавров я не видел), выучил с его помощью современный технический американский -английский и т.д. и т.п., и, вообще, очень высоко оцениваю качество как самого сайта, так и информационных материалов, размещаемых на нём. Так вот, как-то раз, одним погожим днем, придя на любимый сайт, я был перенаправлен на beta.slashdot.org Это был полный пи… ц разрыв шаблона. Количество говн, вылитых хомячками на их новый UI, наверно, сможет превысить Пик Коммунизма. Но!!! Все волны и лучики поноса редколлегия сайта легко отражала ссылкой "перейти на старый дизайн" За прошедшее с этого момента время владельцы сайта учли тонны пожеланий и запилили тучу багошибок, которыми их снабдили пытливые пользователи новой беты. При этом, консервативная часть аудитории могла спокойно пользоваться старой версией сайта.

Очень-очень-очень не хочу перестать читать и писать на Хабре, как перестал заходить на новый Тостер, который превратил Q&A в клон «вопросы и ответы от почта.ру» Уважаемая редакция, ну можно же не как у Жванецкого!? Ну, пожалуйста… ну подумайте семь раз и только потом отрежьте… И все будут только счастливы. Прогресс неумолим, но не превращайте его в Per aspera ad astra там, где этого можно избежать…
Есть идея — сделать проект, подобный toster, но зарегистрироваться там можно только никам с хабры, у которых рейтинг и карма выше какого-то значения.

ps. Только сдаётся мне, что подобным гениям будет нечего обсудить, ибо они самодостаточны и/или умеют использовать поиск в гугле, и ресурс будет пустовать…

Я с удовольствием отвечал на старом ресурсе, многие обсуждения реально позволяли и самому прокачать некоторые скилы. В нынешнем мысле-потоке бездумных вопросов и ответов, которые гуглятся на раз, участвовать просто скучно :( Хабр уникален тем, что народ дорожит кармой, десять раз подумает, прежде чем нажать кнопку Enter, где этого внутреннего цензора нет все превращается в шлак… Хоть по 10 копеек за ответ/вопрос бери, может тогда народ сперва гуглить будет :)
10 копеек это дешевле гугла, более того они тогда начнут ТРЕБОВАТЬ ответа, заплатили же!
На rfpro.ru ввели платные вопросы, но это ни к чему хорошему не привело. Там многое что платное сделали, в том числе и просмотр профиля эксперта.

Если раньше я участвовал там просто ради интереса, учёбы и чтения интересных вопросов и ответов, то сейчас там вопросы типа «нужно написать программу» за 300 руб. Да эти ихние программы не интересно писать даже за 3 тыр или за 30, не то что за те копейки. что они предлагают. Если раньше были просто интересные вопросы, теоретические или т.п., то было интересно, то потом всё превратилось непонятно во что, многие эксперты, как и я, просто ушли…

А ведь было прикольно

P586
P587
Assume CS:smile,DS:smile
smile segment 'code' use16
Org 256
start:
finit
fldpi
mov cx, 0B800h
frndint
mov es, cx
fistp [video]
sub di, di
mov ax, [video]
int 16
mov ah, 31
mov al, 1
mov es:[di], ax

mov ah, 10h
int 16h

int 20h
video dw?
smile Ends
End start
По ссылке:
«Всего ответов на данный вопрос: 2.
Для просмотра ответов: Отправьте SMS на короткий номер...»
ну код я выложил выше

а такую глубокую коммерциализацию оставим на совести владельца ресурса Калашникова…
Вот написал юзерскрипт, который скрывает это меню с глаз долой, а оставляет заместо него узкую полосу, при наведении на которую раскрывается уже само меню. При уводе мыши с меню или по клику на полупрозрачный оверлей в подменю, меню опять скрывается.
Скрипт можно установить например с помощью greasemonkey для firefox.
Имеется четыре настраиваемых параметра:
leftstrip_width — ширина полосы слева (в пикселях).
leftstrip_leftmargin — отступ текста от полосы (в пикселях)
hide_delay — задержка перед скрытием панели меню после увода с нее мыши (в милисекундах)
moveinner — отодвигать ли текст при раскрытии меню. По умолчанию flase, меню при этом при раскрытии накладывается поверх текста. При true будет выглядеть так.

Скриншоты
image

image

Код
/* Настройки */
var leftstrip_width = 11; //Ширина полосы слева (в пикселях)
var leftstrip_leftmargin = 24; //Отступ текста от полосы (в пикселях)
var hide_delay = 350; //Задержка перед скрытием панели меню после увода с нее мыши (в милисекундах)
/* Настройки End */


var default_navbarwidth = parseInt($('#navbar').css('width')); //71
var default_innermarginleft = $('.inner').css('margin-left');
var hidenavtimer;
var dotsx = default_navbarwidth-leftstrip_width/2-2;


function HideLeftMenu() {
    $("#navbar_disabled_overlay").show();
    $('.inner').attr('style', 'margin-left:'+parseInt(leftstrip_width+leftstrip_leftmargin)+'px;');
    $('#navbar').css('left',parseInt(leftstrip_width-default_navbarwidth)+'px');
}

function ShowLeftMenu() {
    $("#navbar_disabled_overlay").hide();
    $('.inner').attr('style', 'margin-left:'+default_innermarginleft+';');
    $('#navbar').css('left','0');
}


$('#navbar').append('<div id="navbar_disabled_overlay" style="display:none;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background:#f2f2f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAQCAYAAAAxtt7zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpi3LhxozEDA0MHEJ/18/OrYAQK7AZyXBggwJWJAQ2wAHEFkpY9jP///0dRgall06ZNQ8MWgAADAEP8KXrzifKgAAAAAElFTkSuQmCC) no-repeat '+dotsx+'px center;"><div style="position:absolute;top:0;left:0;width:100%;height:71px;background:#a0c2ce;"></div></div>');
HideLeftMenu(); //Скрываем меню


//При наведении на полосу слева
$('#navbar_disabled_overlay').mouseenter(function(){
      ShowLeftMenu(); //Показываем меню
});

//При уводе мыши с панели меню
$('#navbar').mouseleave(function(){
    if($('#navbar_overlay').is(":hidden")) { //только если не раскрыто подменю
        hidenavtimer = setTimeout( function() { //Взводим таймер, для того, чтобы меню скрылось не сразу а с задержкой
           HideLeftMenu(); //Скрываем меню
        } , hide_delay);
    }
});

//При клике на затемненном оверлее (при открытом подменю)
$('#navbar_overlay').click(function(){
    HideLeftMenu(); //Скрываем меню
});

//При наведении на панель меню, сбрасываем таймер
$('#navbar').mouseenter(function(){
      clearTimeout(hidenavtimer);
});


Редизайн Хабрахабра — еще один повод (для меня) начать учить веб-програмирование. :)
Тьфу, и комментарий уже не поправить( вот правильный код:
Код
/* Настройки */
var leftstrip_width = 11; //Ширина полосы слева (в пикселях)
var leftstrip_leftmargin = 24; //Отступ текста от полосы (в пикселях)
var hide_delay = 350; //Задержка перед скрытием панели меню после увода с нее мыши (в милисекундах)
var moveinner = false; //Отодвигать ли текст при раскрытии меню
/* Настройки End */


var default_navbarwidth = parseInt($('#navbar').css('width')); //71
var default_innermarginleft = $('.inner').css('margin-left');
var hidenavtimer;
var dotsx = default_navbarwidth-leftstrip_width/2-2;


function HideLeftMenu() {
    $("#navbar_disabled_overlay").show();
    $('.inner').attr('style', 'margin-left:'+parseInt(leftstrip_width+leftstrip_leftmargin)+'px;');
    $('#navbar').css('left',parseInt(leftstrip_width-default_navbarwidth)+'px');
}

function ShowLeftMenu() {
    $("#navbar_disabled_overlay").hide();
    if(moveinner) $('.inner').attr('style', 'margin-left:'+default_innermarginleft+';');
    $('#navbar').css('left','0');
}


$('#navbar').append('<div id="navbar_disabled_overlay" style="display:none;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background:#f2f2f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAQCAYAAAAxtt7zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpi3LhxozEDA0MHEJ/18/OrYAQK7AZyXBggwJWJAQ2wAHEFkpY9jP///0dRgall06ZNQ8MWgAADAEP8KXrzifKgAAAAAElFTkSuQmCC) no-repeat '+dotsx+'px center;"><div style="position:absolute;top:0;left:0;width:100%;height:71px;background:#a0c2ce;"></div></div>');
HideLeftMenu(); //Скрываем меню


//При наведении на полосу слева
$('#navbar_disabled_overlay').mouseenter(function(){
      ShowLeftMenu(); //Показываем меню
});

//При уводе мыши с панели меню
$('#navbar').mouseleave(function(){
    if($('#navbar_overlay').is(":hidden")) { //только если не раскрыто подменю
        hidenavtimer = setTimeout( function() { //Взводим таймер, для того, чтобы меню скрылось не сразу а с задержкой
           HideLeftMenu(); //Скрываем меню
        } , hide_delay);
    }
});

//При клике на затемненном оверлее (при открытом подменю)
$('#navbar_overlay').click(function(){
    HideLeftMenu(); //Скрываем меню
});

//При наведении на панель меню, сбрасываем таймер
$('#navbar').mouseenter(function(){
      clearTimeout(hidenavtimer);
});


Добавил анимацию, чтоб менюшка плавненько выезжала.



Javascript
// ==UserScript==
// @name        Habrahabr HideMenu
// @namespace   habrahabr.ru
// @include     http://habrahabr.ru
// @version     1.1
// @grant       none
// ==/UserScript==


/* Настройки */
var leftstrip_width = 11; //Ширина полосы слева (в пикселях)
var leftstrip_leftmargin = 24; //Отступ текста от полосы (в пикселях)
var hide_delay = 400; //Задержка перед скрытием панели меню после увода с нее мыши (в милисекундах)
var moveinner = false; //Отодвигать ли текст при раскрытии меню
/* Настройки End */

var default_navbarwidth = parseInt($('#navbar').css('width')); //71
var default_innermarginleft = $('.inner').css('margin-left');
var hidenavtimer;
var dotsx = default_navbarwidth-leftstrip_width/2-2;

function HideLeftMenu() {
    $("#navbar_disabled_overlay").show();
    if(moveinner) $('.inner').css('margin-left', parseInt(leftstrip_width+leftstrip_leftmargin)+'px');
    $('#navbar').css('left',parseInt(leftstrip_width-default_navbarwidth)+'px');
}

function ShowLeftMenu() {
    $("#navbar_disabled_overlay").hide();
    if(moveinner) $('.inner').css('margin-left', default_innermarginleft);
    $('#navbar').css('left','0');
}

$('#navbar').css('transition','left 0.1s ease');
$('#navbar').append('<div id="navbar_disabled_overlay" style="display:none;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background:#f2f2f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAQCAYAAAAxtt7zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpi3LhxozEDA0MHEJ/18/OrYAQK7AZyXBggwJWJAQ2wAHEFkpY9jP///0dRgall06ZNQ8MWgAADAEP8KXrzifKgAAAAAElFTkSuQmCC) no-repeat '+dotsx+'px center;"><div style="position:absolute;top:0;left:0;width:100%;height:71px;background:#a0c2ce;"></div></div>');
$('.inner').css('margin-left', parseInt(leftstrip_width+leftstrip_leftmargin)+'px');
HideLeftMenu(); //Скрываем меню

//При наведении на полосу слева
$('#navbar_disabled_overlay').mouseenter(function(){
      ShowLeftMenu(); //Показываем меню
});

//При уводе мыши с панели меню
$('#navbar').mouseleave(function(){
    if($('#navbar_overlay').is(":hidden")) { //только если не раскрыто подменю
        hidenavtimer = setTimeout( function() { //Взводим таймер, для того, чтобы меню скрылось не сразу а с задержкой
           HideLeftMenu(); //Скрываем меню
        } , hide_delay);
    }
});

//При клике на затемненном оверлее (при открытом подменю)
$('#navbar_overlay').click(function(){
    HideLeftMenu(); //Скрываем меню
});

//При наведении на панель меню, сбрасываем таймер
$('#navbar').mouseenter(function(){
      clearTimeout(hidenavtimer);
});


Вы могли бы карму и рейтинг выводить вот в этом же блоке?

image

То есть, чтобы это было на каждой странице.

И голоса тоже.
Если интересно, выложу код.

Это простой javascript, который добавляется к сайту (у меня с помощью greasemonkey) и модифицирует интерфейс. Я выше уже выкладывал скрипт для сворачивания панели меню. А ваша идея мне понравилась и я её у себя тоже решил реализовать.

Javascript
// ==UserScript==
// @name        Habrahabr HideMenu
// @namespace   habrahabr.ru
// @include     http://habrahabr.ru
// @version     1.2
// @grant       none
// ==/UserScript==


/* Настройки */
var leftstrip_width = 11; //Ширина полосы слева (в пикселях)
var leftstrip_leftmargin = 24; //Отступ текста от полосы (в пикселях)
var hide_delay = 400; //Задержка перед скрытием панели меню после увода с нее мыши (в милисекундах)
/* Настройки End */




var default_navbarwidth = parseInt($('#navbar').css('width')); //71
var default_innermarginleft = $('.inner').css('margin-left');
var hidenavtimer;
var dotsx = default_navbarwidth-leftstrip_width/2-2;

var styles = '<style>';
styles += '.nav_userlink{color:#000} .nav_userlink:hover{text-decoration:none;} .nav_karmablock{margin: -5px 0 15px 25px; font-family: Verdana,sans-serif;} .nav_karmablock .blk{display:inline-block; text-align:center; color:#bebebe; font-size:10px;} .nav_karmablock #karma_str, .nav_karmablock #rating_str{font-size:20px; line-height:19px;} '; //Блок кармы
styles += '#navbar_disabled_overlay{display:none;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background:#f2f2f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAQCAYAAAAxtt7zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpi3LhxozEDA0MHEJ/18/OrYAQK7AZyXBggwJWJAQ2wAHEFkpY9jP///0dRgall06ZNQ8MWgAADAEP8KXrzifKgAAAAAElFTkSuQmCC) no-repeat;} ';
styles += '</style>';
$('body').prepend(styles); //Вставляем стиль на страницу

function HideLeftMenu() {
    $("#navbar_disabled_overlay").show();
    $('#navbar').css('left',parseInt(leftstrip_width-default_navbarwidth)+'px');
}

function ShowLeftMenu() {
    $("#navbar_disabled_overlay").hide();
    $('#navbar').css('left','0');
}

$('#navbar').css('transition','left 0.1s ease').append('<div id="navbar_disabled_overlay"><div style="position:absolute;top:0;left:0;width:100%;height:71px;background:#a0c2ce;"></div></div>');
$('#navbar_disabled_overlay').css('background-position', dotsx+'px center');
$('.inner').css('margin-left', parseInt(leftstrip_width+leftstrip_leftmargin)+'px');
HideLeftMenu(); //Скрываем меню

//При наведении на полосу слева
$('#navbar_disabled_overlay').mouseenter(function(){
      ShowLeftMenu(); //Показываем меню
});

//При уводе мыши с панели меню
$('#navbar').mouseleave(function(){
    if($('#navbar_overlay').is(":hidden")) { //только если не раскрыто подменю
        hidenavtimer = setTimeout( function() { //Взводим таймер, для того, чтобы меню скрылось не сразу а с задержкой
           HideLeftMenu(); //Скрываем меню
        } , hide_delay);
    }
});

//При клике на затемненном оверлее (при открытом подменю)
$('#navbar_overlay').click(function(){
    HideLeftMenu(); //Скрываем меню
});

//При наведении на панель меню, сбрасываем таймер
$('#navbar').mouseenter(function(){
      clearTimeout(hidenavtimer);
});



if(user_type == 'habrauser') {

    var nav_karma, nav_rating;

    //Обращаемся к habraAPI для получения кармы
    $.get('http://habrahabr.ru/api/profile/'+username+'/', function(result) {

        $xml = $($.parseXML(result));

        nav_karma = $xml.find('karma').text();
        nav_rating = $xml.find('rating').text();

        nav_karma = parseFloat(nav_karma).toFixed(1);
        nav_rating = parseFloat(nav_rating).toFixed(1);

        //Выводим значения кармы
        $('#navbar #karma_str').html(nav_karma);
        $('#navbar #rating_str').html(nav_rating);

    });


    var carmablock_html = '<div class="blk" style="margin-right: 12px;">Карма<div style="color:#6c6;" id="karma_str">--</div></div><div class="blk">рейтинг<div style="color:#c6c;" id="rating_str">--</div></div>';

    $('#navbar #user_tab .title').html('<a class="nav_userlink" href="/users/'+username.toLowerCase()+'/">'+username+'</a>').after('<div class="nav_karmablock">'+carmablock_html+'</div>');


}




UFO just landed and posted this here
Что-то я заблудился…
Люди добрые, подскажите, как пройти в «События»?
Такая классная фича была, и вот найти не могу…
Видимо никак. Из статьи:
Ещё одно изменение на сайте – мы отказались от такой сущности, как «События». Этот раздел занимал отдельное место в меню, но при этом пользовался не очень большой популярностью среди наших пользователей, поэтому на данный момент мы решили от него отказаться совсем.
Ещё одно изменение на сайте – мы отказались от такой сущности, как «События»
UFO just landed and posted this here
Надо заметить, к некоторым замечаниям по новому дизайну всё же прислушались. Ну или совпало
И поиск на уровень выше вывели.
Зато теперь меню не перерисовывается, если в другой пункт ткнуть — надо повозюкать мышкой, а нажатым так и остаётся первый пункт. Opera 12.16.
Что значит «зато»? Так с самого начала было. Эх, что же вы старую добрую оперу бросаете…
Не-не, вчера первый раз увидел. Причём на втором компе всё-таки нормально рисуется. Так что это локальные какие-то причуды.
На нетбуке с расширением 1024x600 сайт превратился в квадратик, маханький такой :) да ещё с горизонтальной прокруткой, что совсем грустно.
БАГ.

А куда делось число на звонке, чтобы видеть, что появились новые события в трекере?
опишите окружение, потому как у меня, например, оно есть (Ubuntu14.04 Chrome 34.0.1847.132)
UFO just landed and posted this here
Firefox 29.0.1, Linux — всё нормально, страница не перезагружается.
UFO just landed and posted this here
В трекере по постам не хватает кнопки «Отметить как прочитанное» над списком постов. Т.е. если постов много (больше чем влезает в экран) и я хочу выделить все и отметить как прочитанные, мне придется проматывать в самый низ страницы.
Как теперь посмотреть ленту лучшее? Сверху ее больше нет. Вообще, я уже узнаю новости про ИТ не с хабра, а с других тематических ресурсов. Потому что важные новости не попадают в «Захабренное» и «Новое», листать тучу страниц тоже нет времени.
Меню -> Посты (habr.ru/posts/top/) — оно?
quas@Lena:~$ sudo apt-get install habrahabr-session-fallback
E: Unable to locate package habrahabr-session-fallback :(

Пытался сегодня найти среди своих комментариев что-то с нужным словом. Долго листал…

Сделайте уже поиск по своим комментариям, по своим темам и т.п.