войти зарегистрироваться

Блог разработчиков Хабрахабра whois

индекс
0,00

Несколько нововведений

Итак, спешим сообщить о том, что нами внедрены две приятные фичи:

1. Плашка подгрузки комментариев

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

UPD можно прикрутить к браузеру пользовательский CSS со всего одной строкой: .comments_bar {left:0;} — плашка будет слева.

2. Единая точка входа в настройки профиля и сайта

Сверху-справа появились прямые ссылки на настройку профиля и сайта.

Хабрахабр
+120
2 сентября 2008, 20:01
rossomachin

комментарии (121)

  • Плашка — вещь. Спасибо.
    • Неплохо, наверное, если бы подгужадись еще статьи на главной, да и перезагрузка оценок комментариев не помешает.
    • Идея с плашкой отличная, только она слишком темная сейчас — взгляд постоянно отвлекается на нее.
  • Плашку нашёл, не сразу, правда )
    Неплохо, а главное ненавязчиво)
    • А у меня наоборот — первым делом бросилась в глаза плашка при чтении поста, т.к. выделяется на фоне остальной страницы существенно
      • согласен, мне из-за плашки тяжелее сосредоточиться на тексте, так как она рассевает мое и без того рассеянное внимание)

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

        ну а само по себе-оригинально и удобно.
      • Предлагаю сделать плашку в тон с полем «Прямой эфир», можно при наведении мыши подсвечивать (как вариант). За feature спасибо большое!

        Еще благодарю, что поправили скрипты: теперь ссылки на профиль, почтовый ящик, etc (в правом верхнем углу) работают нормально (использую Proxomitron и он, видимо, какие-то важные javascriptы коцает).
  • Спасибо, стало удобнее! Надеюсь, это только начало :)
  • незаметно и приятно, спасибо
  • Ну, вроде как, огромное спасибо =) Плашка — вещь, прямые ссылки еще утром заметил (или вчера вечером).
    В общем, я из той категории людей, кто доволен разработчиками (потому что сам разработчик), поэтому — спасибо, ребята, вы лучшие!
    • GMM
    • GMM
    • 2 сентября 2008, 20:13
    • #
      • +2
    Спасибо. А просмотр своих комментариев на странице не планируется?
    • dust
    • dust
    • 2 сентября 2008, 20:13
    • #
      • 0
    Отлично, теперь ждем фееричной реализации чтения предыдущего комментария, который остался высоко за ветвями дискуссии.
    • дада. На дёти и там это довольно удобно выглядит.
    • Народ сам реализовал :)
  • Плашка была неожиданной. Читаю страницу — все привычно. Перезагружаю — вдруг что то зеленое выскочило ;-)
  • Эта самая плашка неплохо так тормозит в FF3 — прокрутка работает заметно тормозно
    • В Safari работает на 5+
    • У меня не тормозит. При чем машина довольно слабая.
    • Третий лис, никаких тормозов нет(quad 2.4)
    • я под FreeBSD — может какая-то особенность сборки.
      Но вообще проц при достаточно быстром скролле хавается на 100%
      • Наблюдал такое же под Ubuntu. Может, особенность *nix?
        • Проблем не замечено.

          Opera 9.60, Build 2410
          Gentoo
          core duo T2050 1.66Ghz
          • Речь о FF, как я понял
            • Упс. Должно было быть:
              «Проблем не замечено.
              FF 3.0.1
              Opera 9.60, Build 2410
              ...»
        • у меня Kubuntu 8.04
          Firefox 3.0.1, правда не тот что с системой, а с сайта
          Никаких проблем.
          Попробуйте поставить с сайта.
        • Gentoo, FF 3.0.1 — Проблем нет.
      • Под Windows то же самое. {position: fixed}, увы, всегда вызывал в Firefox тормоза.
    • Ничего подобного не замечено.
    • Прокрутка тормозит только во время загрузки страницы. Где там топик про многопоточный by design браузер от гугла? =)
  • Плашка хороша… :)
  • а в сафари очень приятно смотрится :)
    • И работает абсолютно без тормозов…
  • Очень приятное нововведение! Просто и главное эффективно!
    • Ваш комментарий появился как раз по нажатию кнопки обновления)
  • Чёрт, сперва подумал про плашку «аплоада коммента», чтобы анимация отображалась при загрузке… А так — полезно, ещё бы размер уменьшить(3кб на коммент не очень айс) и будет ваще супер:)
  • С таким наслаждением давлю на стрелочки кусающие друг другу хвосты) спасибо экипаж!
  • Я уж испугался, когда увидел, подумал что у меня уже глюки (кнопка «обновить» оторвалась от панельки ФФ) от многочасовой работы за компьютером :) Товарищи, почаще делайте перерывы на отдых!
    • nani
    • nani
    • 2 сентября 2008, 20:17
    • #
      • +3
    Очень удобно, спасибо!
  • С минуту наверно искал эту самую плашку :))
    Упрятали, черти :)

    Перестал работать предпросмотр комментариев почему то, это только у меня?
    • у меня тоже не работает
    • Да-да, предпросмотр не работает. :(
    • Спасибо, исправили.
      • Оперативно, однако :)
        • Стараемся ;-)
          • Ой, офтопик, конечно, но уберите, пожалуйста, пробелы перед запятыми в поле откуда в хуизе профиля. Вся типографика на смарку.
  • А я все думал, показалось ли мне, что раньше не было «Настройки: профиля | сайта»
  • в Опере работает на отлично. Супер вещь.
  • Хорошая штуковина с комментариями)
  • А меня при нажатии на «Настройки: профиля» отправляет на «Страница не найдена (404-я ошибка)»
    • Да, у нас проблема с никами, содержащими символ «_». Исправим завтра-послезавтра.
  • Со временем будут новые «удобности» на подобие этих.
    • Вам не нравится?
      • м?
      • Я кавычки зря поставил похоже)
        • Думаю, кавычки здесь лишние. Действительно удобно. Разве что может быть слегка непривычно
      • Он — один из непосредственных разработчиков ;)
        • Я не знал, позор мне
          • а меня из-за тебя еще и проминусовали)
  • А можно дать возможность выбирать сторону браузера? На широкоформатном мониторе не очень удобно постоянно вправо тянуться:)
    • полностью согласен
    • Я на 30« сейчас. Вроде не напрягает.

      Хотя можно прикрутить к браузеру пользовательский CSS со всего одной строкой:
      .comments_bar {left:0;} — она будет слева.
      • Vожна через букмарклет
        javascript:$$('.comments_bar').setStyle('left','0'); void(0);
        или через userjs, но все же через User CSS лучше.
      • Дюймы ёлочкой — очень оригинально. Кстати, о елочках. В текстах на латинице они совсем лишние. Не должно быть ёлочек там.
        А пользовательский css — замечательно, но давать юзеру возможность выбора галкой в настройках расположения этой штуковины — лучше.
  • Cупер, спасибо!
    • al1k
    • al1k
    • 2 сентября 2008, 20:54
    • #
      • 0
    Немножко подтормаживает скорллинг страницы, раньше не было — вероятно из-за плашки…
    так же она «съедает» немного ширины страницы…

    может лучше стоило сделать её отключаемой?
    • Да, я уже давно заметил, что по крайней мере в firefox элементы с атрибутом position: fixed приводят к тормозам при прокрутке
    • Ширину не съедает, там изначально под нее зазор был.
      • Возможно — но у меня всегда включен Fit to width в опере — зазора не было, теперь разницы никакой
  • Охрененно, особенно переход на новые комменты.
    • Да, мне тоже нравится этот скроллинг. И не знаешь куда будет прокручиваться: вверх или вниз. Неожиданность прям каждый раз.
  • да, плашка удобна, спору нет.

    еще бы хабраленту сделали, совсем было бы хорошо.
  • В опере под убунтой плашка тормозит скролл.
    Может в профиле опцию сделать чтобы ее отрубать?
    • Опера, Убунту. Не тормозит.
      • Видеокарта какая? У nvidia начиная с 8й серии есть некоторые баги с дровами и скорость в 2D хреновая.
    • Сделаем. Тем более, что настройки теперь стали ближе.
  • Было бы неплохо если бы вернулась перемотка старниц ctrl-left ctrl-rigth как на старом хабре.
  • Обновление и выделение новых коментов = очнь удобно
  • Спасибо, очень хорошее нововведение!
    • Yarc
    • Yarc
    • 2 сентября 2008, 21:30
    • #
      • +3
    Не далее как позавчера моя девушка интересовалась, насколько удобно читать комменты к топику, когда их очень много — я рассказал о выделении новых комментов цветом. Теперь ей можно показать и плашку!
  • По-моему, это не что иное, как кнопка. ;-) Плашка же (почему-то всегда напрягало это слово, но некоторые дизайнеры его почему-то любят) — это, насколько мне известно, фоновая подложка под чем-либо.
    • А когда элементов несколько, кнопка становится панелью. ;-)
  • Ребят, а можно цвет этой прикольной плашки сменить на более светлый? и/или настройки иметь?
  • а я сразу и не заметил, что можно клацать по циферке с количеством новых комментариев и перескакивать по ним. класс. спасибо
    • Ой, а у меня в Сафари на маке это не работает. Просто переводит в начало статьи и всё. Правда, у меня Сафари 4 Developer Preview. Скорее всего из-за этого.
      • В FireFox 3.0.1 всё работает на ура. Ох, это какой-то вселенский заговор. Сначала Ubiquity, потом HabraFx, теперь ещё и это маленькое, но очень приятное улучшение подталкивают меня к смене основного браузера. :)
        • У нас все работает (лично у меня стоит version 3.1.2). Возможно, проблемы с 4-й сборкой, но ведь она все еще preview :)
          • Да вот я теперь, наверное, удалю это preview, хотя работала она хорошо и стабильно, потому что мне эта милая плашка очень нравится, и даже не знаю теперь, как я до этого длинные дискуссии читала. :)
            • Плашка замечательная, уже несколько часов пребываем в восторге :)
        • я вот сменил седня. оперу на фф
          правда наверно на время.
  • А можно все плашке добавить эффект вроде:

    .class img {-moz-opacity: 0.8;}
    .class: hover img {-moz-opacity: 1;}

    Чтобы меньше бросалось в глаза при неактивности?
    • k_s
    • k_s
    • 2 сентября 2008, 22:43
    • #
      • +1
    Не помню, но вроде до появления плашки при добавлении комментария не пропадало выделение новых комментариев, а сейчас пропадает, жалко — приходится сначало все новое читать, а только потом отвечать, отвечать по ходу было удобнее.
  • Почему бы не сделать, чтобы функцию плашки справа выполняло нажатие колесика мыши или комбинация клавиш? Как никак — экономия времени.
    • Вы читаете наши мысли.
      • Приятно :-) Особенно если вы тоже больше склоняетесь в сторону колесика :-)
        • Стандартное использование колесика мыши отбирать у пользователя некрасиво, а вот комбинации с клавишой Alt вполне возможны.
          • раскрыть комментарий
            • Клик колесом по пустому месту открывает скролл в Windows.
              • Как же мне должно быть сейчас стыдно :-) Вообще-то в Линуксе тоже, но когда-то я отключил скрол, и совершенно забыл про его существование :-)
  • При наведении на середину плашки, появляется горизонтальный скрол. Firefox 3, Ubuntu.
  • раскрыть комментарий
  • а можно сделать, чтобы можно было вырубать в настройках эту боковую плашку?
    • Такая настрока обязательно появится.
    • max7
    • max7
    • 2 сентября 2008, 23:09
    • #
      • +1
    Замечательная идея, спасибо. И переход к новым коментам — это здорово!

    … если просто «.comments_bar {left:0;}», то там справа «уголки».

    Я в FF в Stylish'е сделал так:

    @-moz-document domain(«habrahabr.ru»)
    {
    .comments_bar
    {
    left:0! important;
    -moz-border-radius: 0.6em;
    -moz-opacity: 1.0;
    }

    #commentsbar-without-new-comments
    {
    left:0! important;
    -moz-border-radius: 0.6em;
    -moz-opacity: 0.4;
    }

    #commentsbar-with-new-comments
    {
    left:0! important;
    -moz-border-radius: 0.6em;
    -moz-opacity: 1.0;
    }
    }

    Так получается, что нет уголков и плашка полупрозрачная. А при новых коментах не прозрачная.

    P.S.: А можно сделать так, чтобы на «неактивной» плашке отображались новые комменты в виде списка (номера:1,2,3,...) в хронологическом порядке (а то их много бывает). И немного его уменьшить в размерах?

    • Хабрапарсер для меня загадка.

      @-moz-document domain(«habrahabr.ru»)
      {
      .comments_bar
      {
      left:0;
      -moz-border-radius: 0.6em;
      -moz-opacity: 1.0;
      }

      #commentsbar-without-new-comments
      {
      left:0;
      -moz-border-radius: 0.6em;
      -moz-opacity: 0.4;
      }

      #commentsbar-with-new-comments
      {
      left:0;
      -moz-border-radius: 0.6em;
      -moz-opacity: 1.0;
      }
      }

  • Плашка — вещь. Только она частенько задевает облако тегов. В этом, собственно, ничего страшного, но если уж позанудствовать в плане визуального восприятия (клацаю вставной челюстью), то это немного нарушает гармоничный дизайн сайта. Да и сама плашка действительно обращает на себя лишнее внимание — серый фон слабо сочетается с остальными элементами (слишком темный), да и иконка вроде откуда-то взята из другого набора пиктограмм. Но, повторяю, это мелкая придирка, не судите строго :)
    • Иконка специально для этой задачи была нарисована и анимирована. Спасибо за замечания.
  • БАГ!

    В «новые комменты» он почему-то включает мои собственные комменты.
  • При добавлении своего комментария комментарии обновляются, но к новым нельзя переходить с помощью плашки.
    • странно. я вот к вашему комменту перешёл именно с помощью плашки.
  • Сейчас проверим.
    • Неудачно-с — новых комментов нет.
  • Хорошо бы после догрузки новых комментариев вверху в стандартном всплывающем окошке сообщений сообщить сколько комментариев было догружено, если же обновлений нет, то можно ничего не показывать.
    • А, чёрт, всё отменяется — я идиот!
    • nik
    • nik
    • 3 сентября 2008, 14:13
    • #
      • +2
    Про плашку: мне кажется, было бы удобней, если перемотка осуществлялась не к верхней границе окна браузера, а, скажем, с каким-либо отступом, или вообще к центру страницы — чтобы можно было видеть предыдущие комментарии.
  • кстати, почему-то не не показывает новые комментарии
    вчера вроде работало, а вот сейчас нет
    страничка просто пролистывается до верха страницы.
  • В IE плашка дергается при скроллинге, раздражает не по-детски. Круглые углы в IE тоже не круглые, а недорезанные.
    При рефреше если случилась ошибка, то стрелки остаются невидимы и торчит просто серый квадрат.
    А что с ее дизайном делается после обновления(!) смотрите на скриншоте:
    • вот второй скриншот:
  • уже баян, но в FF 3.0.2 тормоза…

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