Обновление ХабраРедизайнера


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

    Я постарался улучшить дизайн, добавить новые фишки и учесть пожелания сообщества.

    Встречайте,
    ХабраРедизайнер beta.

    Кратко

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




    Улучшения

    • Кнопка %username% превратилась в панель показывающую карму, предоставляющую доступ к некоторым разделам и кнопкой выйти
    • Панель поиска заменена на кнопку-ссылку, отправляющую в соответствующий раздел хабрахабра
    • Кнопка сообщений изменила свой вид и переехала в правый угол панели
    • Панель теперь прикреплена к верхней части экрана
    • Добавление стиля :hover к кнопкам
    • Панель теперь корректно отображается у неавторизованных читателей
    • Добавление иконки для расширения ;-)


    Исправление ошибок

    • Поправлен баг с боковой панелью хабра, налезающей на футер
    • Исправлены мелкие ошибки при верстке


    Загрузить в магазине Chrome
    Проект на ГитХабе
    Поделиться публикацией

    Похожие публикации

    Комментарии 31

      +1
      Отлично! Большое Вам спасибо! Очень нравится!
        0
        Чуть-чуть побегав глазами отметил, наверное, самое важное для меня: панель с избранным теперь всегда рядом. :)
        +1
        Пробуем!
          0
          Сразу как запостил статью — нашел ошибку в ссылке к треккеру, обновил приложение в магазине (на версию 0.1.2), но на публикацию уйдет какое-то время. Извините.
            0
            У меня вот такой еще недочет замечен, текст вылазит за рамки дозволенного. :(

            image
              0
              Исправил, ждите обновления.
              UPD: 0.1.2 дошло, 0.1.3 в процессе
            0
            Очень понравилось. А можно ли сделать поиск в виде однострочной формочки (как в дизайне хабра по умолчанию), а не в виде ссылки на страницу?
              +1
              Да можно, так было в предыдущей версии . Решил убрать поскольку занимает слишком много места.
              Можно вернуть в виде всплывающей панели (как %username%) если это кому-то действительно надо :-)
              +2
              Я дико извиняюсь, если вы сделаете кнопку на панель расширений, с текущей кармой или рейтингом, которая бы отображала изменение оных и позволяло перейти в учётку, я бы и задонатил с удовольствием!
                0
                +1 за перенос кармы из контекстного меню на панель.
                +7
                Есть желающие под ФФ заточить? Если нет, могу взяться через пару дней.
                  0
                  Было бы не плохо. Ждёмс?
                    +7
                    Я лично не буду (затачивать и делать) — посмотрел сейчас версию 1.06 — обнаружил для себя тот же список недостатков пользования, от которых я старательно уходил в ЗенКомменте. Который все регулярно критикуют, но, мне кажется, что критикуют совсем по другой причине. Вот интересно, если я перечислю недостатки данного дизайна, этот список тоже будут дружно минусовать? Начну, чтобы не надолго откладывать.

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

                    2. Полоса посередине не используется. Интуитивно ожидаемого хотя бы поля поиска нет — вместо него вываливается целая страница поиска.

                    3. «Создать топик» на панели — излишне. Топики не создают каждый день. Настройки тоже вроде не смотрят каждый день. Разве что в избранное кто-то может часто смотреть. Но нет доступных ссылок «Мои комментарии», которые у многих обновляются чаще, чем «Мои статьи». Итого, убираем лишние ссылки, чёрная полоса становится ещё чернее и в ней теряется смысл — удаляем её посередине, оставив уголки по краям. Собственно, как сделано в ЗенКомменте, только в белых тонах.

                    4. Громадное меню. Часто ли мы ходим читать события, хабы и компании? Скорее всего, большинство смотрит одну из ссылок «Лента» или «Посты» (или «Главная», которая есть Лента-Захабренные) и 1/10 часть смотрит QA. Решение в ЗенКомменте — показывать уголок постоянно висящей ссылки «Лента», а по наведению — остальные. Они не маячат, но всегда под рукой, хотя 3 последних можно было бы убрать подальше.

                    5. Песочница. Это вроде бы входной гейт новых юзеров. Но куда она задвинута? Её можно найти только в Посты-Тематические-Песочница и больше нигде.

                    6. Логотип не несёт смысловой нагрузки. Он есть в меню, пользователь знает, что он на Хабре, а самое важное место вверху им съедается. Я бы его поставил маленьким кружочком слева от «Лента»: и во главе угла (никто не пропустит), и польза в виде ссылки, и места не занимает.

                    7. Подчёркивания ссылок в сайдбаре — информационный шум. Ссылки на личные страницы ответивших юзеров в Прямом эфире — зачем? Ведь нужна или статья, или комментарий юзера, а в третью очередь и после комментария — его личная страница в 0.1% случаев. Цветной фон блоков сайдбара — информационный шум. Сайдбар играет вспомогательную роль, а выделенный и «поподчёркнутый» -выходит за главного.

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

                    Впрочем, есть задумка сделать скрипт под любой дизайн как шаблон, независимый от текущей вёрстки страницы. В такой скрипт мог бы пойти любой дизайн как плагин, в том числе и этот, в зависимости от вкусов читателя.
                      +2
                      7. Подчеркивание ссылок где-либо — никогда не информационный шум.
                      А так по делу всё.
                        0
                        Спасибо за развернутый комментарий, обязательно учту.

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

                        2. Да, тут мой косяк, я решил что поиском по сайту никто не пользуется (мне лично проще найти нужную статью в google). Исправим (а лучше добавим настройку)

                        3. Идея не моя, я лишь объяву разместил (с), но хочется услышать мнение сообщества (а лучше добавить настройку)

                        4. Меню сохранилось в первозданном виде, править пока не планировал

                        5. Про песочницу да, совсем забыл :-(

                        6. Сам долго думал нужен или нет (добавим в настройки, когда будут)

                        7. Ссылки на личные страницы и подобное привел в пример, вообще хотелось бы разместить именно Actions, а не ссылки. Как ниже предложили на повышение кармы, или же «сообщить об ошибке»

                        Кстати, а правила хабра не запрещают зарегистрировать ридонли аккаунт для тестирования панели в нем?)
                          0
                          Было бы не плохо сделать возможность отключения/включения тех или иных функций. И переключение хотя бы цветовых профилей.
                        0
                        Времени, если честно, не очень много. Сам я смогу заняться версией для FF только после того, как доделаю версию для хрома, но как вы знаете — нет придела совершенству. Если есть желание — присоединяйтесь: форкайте, выкладывайте.

                        Но я бы на вашем месте пока не стал бы этого делать, лучше дождитесь следующего релиза: с настройками и прочими радостями
                        0
                        Спасибо прикольно,
                        Чего чего так мне не хватает чтобы при нажатии на Ctrl+стрелка вниз фокус становился на следующий топик.

                        Можно ли сделать такое ???
                          0
                          Если я правильно Вас понял, то это уже есть, только не на Ctrl+arrow, а так:
                          j — следующий топик
                          k — предыдущий
                          h — первый топик на странице
                          k — последний топик на странице
                          o — открыть топик
                            0
                            Заметил такую вещь что когда нажимаю на J, то к следующему топику переходит… НО не видно название топика так как верхнее меню перекрывает заголовок топика…
                              0
                              Поправим, это не сложно. Я забыл про существовании горячих клавиш :-)
                                +1
                                Еще было бы неплохо если бы меню было прозрачным. А при наведение становилось не прозрачным…

                                1. Не помешало бы мини лого хабра которое выводило бы на главную страницу (чтобы знать какие новые хабры появились).
                                2.Не помешало бы меню моих комментариев так как мы довольно часто смотрим карму и как нам минусуют наши комментарии.
                          +2
                          Опубликуйте на addons.opera.com/ru/extensions/ для пользователей новой оперы, пожалуйста.
                            0
                            Симпатично!
                            Не хватает active-стиля для кнопки пользовательского меню, когда оно открыто. Также, возможно, стоит стилями прятать старый хэдер до преобразований на js, поскольку они применяются не сразу, вызывает скачки.
                              0
                              Отличное расширение! Спасибо!
                                +1
                                Имхо стоит сделать настраиваемой опцию прикреплять или нет менюшку
                                  +1
                                  И толщену панели настраиваемую (например такую и в два раза тоньше).
                                  +2
                                  Еще очень сильно нехватает возможности плюсовать карму автору топика без захода в профиль.
                                  Раньше на Хабре была возможность плюсовать, а чтобы поставить минус нужно было не полениться и зайти в профиль.
                                  Всегда стараюсь поощрять авторов понравившихся статей, но реально неудобно и занимает больше времени чем могло бы.
                                    0
                                    Да, была такая же идея, но не успел реализовать — ознозначно будет
                                    0
                                    Спасибо. Здорово )
                                      0
                                      Немного напрягает «мигание» верхнего меню при переходах (Mac/Chrome stable)…
                                      И да, лучше наверно ее сделать светлой

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

                                      Самое читаемое