• Juick discuss wip wip responsive layout
    Задача — сделать шапку и левую колонку юзабельными на экранах любого размера.

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

    На экранах настроек и справки левая колонка переезжает вверх, но не сворачивается. Там это нормально.

Replies (79)

  • @killy, Меню пользователя надо справа.
  • @vt, Слева те
  • @vt, Будут две аватарки и логотип в одном углу — мне это не нравится.
  • @killy, Зачем две?
  • @vt, Своя в меню и того, на чьей странице ты находишься.
  • @killy, Так надо сделать чтоб своя и чужая страница различались
  • @vt, Своё меню должно быть на любой странице, и должно быть всегда видно, кем ты залогинен. Поэтому своя аватарка в шапке.

    Блог пользователя — это блог пользователя у него тоже есть своя аватарка.
    Разве что совсем убрать её из левой колонки, но эта идея мне тоже не очень нравится. Наоборот, хочется её побольше сделать.

    Теоретически, можно левую колонку вправо перенести и выровнять аватарку по правому краю, чтобы всю графику не собирать в одном углу. Но не фанат правой колонки.
  • @vt, Там ещё что-то про thumb zone и правшей.
    А на десктопе традиционно свой login state в правом верхнем углу.

    Поэтому вижу 0 (ноль) причин двигать влево.
  • @killy, На десктопе по сути пофиг, а на телефоне, например, одна из причин в том, что нам где-то надо иметь new post видимым, а не в подменю
  • @killy, Зачем увеличивать число кликов для попадания в Обзор, Фото, Написать?
  • @vt, Можно основное меню постепенно сворачивать, чтобы post оставался на экране до последнего. Либо показывать иконку рядом с аватаркой вместо него, когда он спрятан.
    В общем, это отдельный вопрос, и его можно отдельно решить.
  • @Renha, Надо наоборот уменьшать
  • @killy, Да вот хз как это «отдельно»
  • @Renha, Для всего места не хватит. Могу сделать ближе к тому, что сейчас — прятать логотип, а не меню.
  • @killy, Так ты в одну скрывашку спрятал столько же пунктов, заняв столько же места в закрытом состоянии и много больше в открытом
  • @vt, А я не понял, как расположение аватарки — меню связано в кнопкой post.
    Мы, получается, обсуждали не ту проблему.
  • @Renha, Довод понятен.
    Меня в текущей реализации смущают два момента — сомнительная полезность пункта Фото и недоступность ссылки из логотипа.

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

    Вместе с аватаркой и три пункта не на всех телефонах будут влезать скорее всего.

    Пока вижу два варианта:
    — простой: добавлять иконку Post когда меню свёрнуто, остальная часть строки влево от иконки и аватарки разворачивает главное меню с поиском.
    — более сложный: прятать менее важные пункты под шеврон в зависимости от наличия свободного места. В минимальном состоянии на экране останутся Обзор, Написать, шеврон, аватарка.
  • @killy, основное меню Но зачем два меню?
    Мне кажется достаточно одного
  • @killy, сомнительная полезность пункта ФотоЯ хотел чтоб в режиме фото показывались фото иначе, чем сообщения — большой "галереей", например
  • @vt, Кстати, оно ведь так и было когда-то очень давно?
  • @killy, не было такого, разве что сторонние скрипты
  • @vt, Общая навигация и управление аккаунтом — разные вещи.

    Но! Пожалуй можно показывать две колонки в общем выпадающем меню.
    Это мысль. Надо сделать прототип.
  • @killy, ну дык да, там и так в меню есть группы команд, ну будет еще одна группа управлением аккаунтом
  • @vt, Не то. Мне кажется раньше можно было видеть фотки в виде плиток.
  • @killy, ну это один из, который я помню, может и другие были, но тоже сторонние
  • @vt, Я сторонних скриптов до своего не использовал.
  • @killy, А, ну тащем-то почти все, что я (зря) описывал в #2887547/11 уже пофикшено.

    В лайоуте для самых маленьких традиционная проблема с хидером: занимает почти четверть экрана. Сворачивайте его целиком, незачем на логотип жуйка пялиться — пусть торчит одна стрелочка (v), например, а при разворачивании уже появляются и логотип, и меню, и кнопка текущего аккаунта.
  • @voice-of-lolks, Я думаю, а не сделать ли так, чтобы шапка убиралась, пока скроллишь вниз, и появлялась, когда начал скроллить обратно.
  • @killy, надо учитывать, что одновременно с этой анимацией будет анимация высовывания шапки самого браузера — то есть тестировать каждый браузер, смотреть. Есть вероятность, что ты чуть-чуть перекрутил прокрутку, хочешь чуть-чуть обратно вертать — и тут ХУЙ ПИЗДА ГОВНО РАСПИДОРАСИЛО полэкрана. Тащем-то я бы не стал ебаться и просто свернул, например.
  • @voice-of-lolks, Алсо, в файрфоксе иконки из меню хидера (discover, photos...) накладываются на иконки меню аккаунта (blog, my feed...), если открыты оба меню.
  • @voice-of-lolks, По задумке, не должно быть ситуаций, когда открыты оба меню. Не стал тратить время на ситуации, когда их всё-таки можно открыть вместе, до того, как соберу первоначальный фидбэк.
    Сейчас пришли к мнению, что нужно одно комбинированное выпадающее меню. Будет в следующей итерации.
  • @killy, Ок, ждем-с.

    (айди верните суки пидоры)
  • @killy, (циферки "#2887699/34" на видном месте)
  • @voice-of-lolks, Для чего? Юзкейс?
  • @voice-of-lolks, share — недостаточно видное место?
  • @killy, Юзкейс?Раздражать @vt^W^W
  • @vt, Share разве есть у комментов? Лишний клик к тому же. Вот сейчас есть беспонтовое "/38", которое ни к селу, ни к городу. Нужно либо заменить его на "#2887699/38", либо оставить /38, но при клике копировать "#2887699/38" в буфер обмена.
  • @voice-of-lolks, Ну вот видишь как ты дельно подсказал, оказывается можно копировать ссылки не показывая стену цифр
  • @vt, тащем-то я тебе это еще неделю назад подсказал, например, причем раз пять разными формулировками

    привет
  • @voice-of-lolks, Теперь в моём юзерскрипте.
  • @voice-of-lolks, Вероятно, только зачем тогда повторять фигню про цифры на видное место?
  • @killy, Классно, а скачать где можно? Но лучше бы таки в один клик и по дефолту, конечно.
  • @vt, /43 in reply to /41
    циферки на видном месте in reply to циферки на видном месте
  • @killy, Спасибо.
  • @voice-of-lolks, Что сказать-то хотел? Их тоже надо как-то убирать
  • @vt, надоне
  • @voice-of-lolks, тыскозал?
  • @vt, ага

    ну и хоть какая-то ссылка на комментарий все равно должна быть и будет, просто потому что это веб
  • @voice-of-lolks, Да, например циферки есть в адресной строке и она прекрасно переходит к комментариям, совершенно не нужно захламлять циферками интерфейс
  • @vt, кто переходит к комментариям? У меня при прокрутке никто не переходит к комментариям. Надо на циферки нажать, чтобы перешло.
  • @voice-of-lolks, То, на что надо нажать, совершенно необязательно должно быть циферками
  • @vt, срочно добавить анимированных бобров вместо циферок! пользователи негодуют!
  • @voice-of-lolks, что сказать-то хотел? Троллинг тупостью как-то не очень конструктивный способ общения
  • @vt, ну ты все вокруг да около ходишь какими-то витиеватыми фразами: "совершенно необязательно должно быть
    циферками" — ну так а чем оно должно быть-то тогда? Колись уже. Айди — это очевидный, естественный и понятный идентификатор комментария, но с ним что-то не так. Вот я и предлагаю бобров вместо айди использовать. Если комментарий грустный — отображать грустного бобра, если веселый — веселого, соответственно. По-моему очень молодежно, привлечет новую аудиторию.
  • @voice-of-lolks, Идентификатор — это техническая метаинформация, которая нужна программе, а не человеку.
  • @vt, КАКОЙ ТЕКСТ ПО-ТВОЕМУ ДОЛЖЕН БЫТЬ У ССЫЛКИ НА КОММЕНТАРИЙ, ОТВЕЧАЙ БЛЯДЬ

    ну ты все вокруг да около ходишь какими-то витиеватыми фразами: "совершенно необязательно должно быть
    циферками" — ну так а чем оно должно быть-то тогда? Колись уже.

    ну ты все вокруг да около ходишь какими-то витиеватыми фразами: "совершенно необязательно должно быть
    циферками" — ну так а чем оно должно быть-то тогда? Колись уже.

    ну ты все вокруг да около ходишь какими-то витиеватыми фразами: "совершенно необязательно должно быть
    циферками" — ну так а чем оно должно быть-то тогда? Колись уже.

    КАКОЙ ТЕКСТ ПО-ТВОЕМУ ДОЛЖЕН БЫТЬ У ССЫЛКИ НА КОММЕНТАРИЙ, ОТВЕЧАЙ БЛЯДЬ
  • @voice-of-lolks, Ну ты посмотри как это сделано у других. Например "вася ответил [пете]" и по пете переходит на нужный коммент пети
  • @voice-of-lolks, Алсо дерево комментов — оно для того и сделано, чтоб скрывать циферки, но по циферкам оно строится.
  • @vt, Так не, это ты про /59 в "/60 in reply to /59". Тут-то я согласен, должно быть "in reply to [petya]". А я про ссылку на текущий комментарий, которая /60. "Вася" у нас написано в верху коммента, рядом с аватаркой. Дублировать как-то тупо. Можно просто ставить "#" решеточку, но куча ссылок с одинаковым текстом только создаст проблемы адвансед-юзерам с вимператорами и прочими вимэфиксами, ну и поиск по странице сломает, например. Так что писать там айди — естественно и логично. На бнваче короче все правильно сделано.

    Алсо, может это just me, но по-моему деревья комментариев в их текущей реализации вообще совершенно нечитаемы. Да, и ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА.
  • @voice-of-lolks, Если я правильно понимаю суть вимператоров, они сами рисуют буквы, цифры на всех найденных ссылках, дабы какиры с выпадающей из рук мышью, могли перейти по ссылке с помощью клавиатуры. Ну так он и рисует циферки, тем, кому они нужны, зачем это дублировать?
  • @vt, Обычно там есть два режима:
    1. Поиск, совмещенный с переходом по ссылке, как в файловых менеджерах. То есть ты просто набираешь текст, который видишь, он его матчит и переходит по этой ссылке.
    2. То, что ты описал.
    То есть ломается первый режим и поиск по странице.

    Впрочем, подчеркну еще раз, что если будет кнопочка копирования айди в буфер, то лично мне совершенно похуй, решеточки там или бобры.
  • @voice-of-lolks, зачем копировать айди в буфер?
  • @vt, here we go again...
  • @voice-of-lolks, А, это ты рассказывал что копируешь их в емакс, вместо того, чтоб сделать так, чтоб емакс обрабатывал ссылки и делал это автоматически?
  • @vt, Если ты опять начнешь свое жирдяйство, то в этот раз я тебя сразу пошлю нахуй.
  • @voice-of-lolks, Ох лол, чувак, ты тут троллишь тупостью, считая себя комиком петросяном, или не знаю еще кем, и обвиняешь в этом кого-то еще.
  • @vt, Я никого не троллю, я вежливо и корректно providing user feedback по разрабатываемому дизайну.

    Мне кажется, что обсуждение циферок себя исчерпало, и вообще — если что и стоит обсуждать, так это возможные альтернативы нечитаемым древовидным комментам.
  • @voice-of-lolks, Древовидные комментарии отключаются, у меня отключены. Как сделать правильные древовидные комментарии я не знаю пока
  • @vt, Вообще, я давно думал о том, как сделать правильное(с)(тм) отображение деревьев и пришел к выводу, что нужны два полноценных измерения с continuous прокруткой по вертикали и дискретной прокруткой по горизонтали; дискретной — то есть не страница прокручивается, а сообщение по клику заменяется на родителя\множество детей. Но это тяжелая и непривычная йоба.

    А по минимуму хотелось бы видеть хотя бы список всех ответов у поста.
  • @voice-of-lolks, так отключи дерево и получится то что ты хочешь
  • @vt, М? Список ответов нигде не показывается.
  • @killy, не было такого, разве что сторонние скрипты
  • @killy, ну дык да, там и так в меню есть группы команд, ну будет еще одна группа управлением аккаунтом
  • @voice-of-lolks, что сказать-то хотел? Троллинг тупостью как-то не очень конструктивный способ общения
  • @voice-of-lolks, Древовидные комментарии отключаются, у меня отключены. Как сделать правильные древовидные комментарии я не знаю пока
  • @voice-of-lolks, Ну ты посмотри как это сделано у других. Например "вася ответил [пете]" и по пете переходит на нужный коммент пети