CSS: Отступы (+ размеры шрифта и др)...
Регистрация Войти

CSS: Отступы (+ размеры шрифта и др)...

Думаю ещё имеет смысл не терять полезное пространство второстепенной информацией и воздухом. Сократив блоки слева и справа до ~280px и увеличив блок основного контента.

Отступы LibArea

Дизайн LibArea

Но и padding боксов нужно в таком случае увеличить как минимум до 24px, иначе дисбаланс ощущается. Хотя он и сейчас есть.

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

Дизайн LibArea
6
248
+ Читать

12 Ответов

  1. Спасибо большое 👍

    Ваши комментарии перенесены в статью, возможно так они будут более полезны (в отдельной ветке). Тем более, тема интересная касаемая фундаментальным принципам и систематизации отступов в дизайне.

    И небольшую часть (пока у меня есть время) можно сделать уже сейчас. 😄

    + Рекомендованные посты блок, дизайн изменил.

    2
    Ответить

    1. Заметил ещё что новые уведомления колокольчик не всегда подсвечивают.

      Закономерность пока что не понял.

      1
      Ответить
      Комментарий удален...

      1. Он не в реальном времени работает. А интервал есть установленные в конфиге, тут секунд 10 вроде.

        Ответить

        1. Ну вот ответ на коммент сейчас пришёл. А личное сообщение которое с пяти утра висело — не отобразилось подсвеченным колокольчиком, только внутри дропдауна

          1
          Ответить

  1. @Evg В личные сообщения какая-то проблема с загрузкой изображений
    То Некорректная длинна содержания, то вот такой длинны выпадает: image.png

    В общем из очевидных вещей ещё вероятно тут надо паддинг на 12 сменить image.png

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

    image.png

    1
    Ответить

    1. С точки зрения маркетинговых приёмчиков, вероятно у Альмы самый разумный подход, что в конце блока они призывают к обсуждению баттоном «Discuss». Мы же за это и любим подобные проекты, за мнения, так что нужно всеми правдами и неправдами байтить людей оставлять эти мнения по каждому поводу.

      Ну, а ещё у VC прикольно что они выводить один топ-коммент под постом сразу в ленте.

      Ещё я не понимаю 1 лайк вот у меня стоит — это как будто я сам себя лайкнул или меня кто-то лайкнул?

      1
      Ответить

      1. 12px отступ в «Последних комментариях» сделал, а остальное завтра изучу. Спасибо 👍

        P.S. если стоит лайк, значит кто-то лайкнул, наверное я.

        1
        Ответить

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

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

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

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

          1
          Ответить

    1. Ради интереса временно убрал кнопку «Читать далее» и добавил дополнительную полосу в шаблон, где вывел инфу по комментариям. Это не проблема. Только не знаю, насколько это удачно выглядит.

      Мне вроде норм. Но это ничего не значит, мне всё норм чё-то 😄 И с кнопкой нормально и без неё. )

      3
      Ответить

      1. добавил дополнительную полосу в шаблон, где вывел инфу по комментариям.

        Отличное решение! Стало удобнее. Есть пара идей, как можно улучшить, если это не создаст дополнительной нагрузки:
        Группировка аватарок пользователей и отображение количества комментариев.
        Это добавляет ощущения близости, а знакомые лица на аватарках побуждают открыть и поучаствовать в дискуссии.
        Снимок экрана 2025-01-29 в 12.04.49.png

        Отображение последнего или самого популярного комментария (или нескольких), как и предлагали ранее. Сейчас наблюдается тенденция отказа от перехода на отдельную страницу записи. Многие проекты позволяют читать запись целиком и видеть все комментарии прямо в ленте, а также оставлять ответы. Это, на мой взгляд, делает общение более динамичным.
        Снимок экрана 2025-01-29 в 11.50.56.png

        Снимок экрана 2025-01-29 в 11.52.02.png

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

        4
        Ответить

      1. Да, выглядит круто! Теперь хочется жать эту кнопку в ожидании что там общаются люди и почему-то без меня! Единственное что отступ снизу больше чем сверху (под «hr»)

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

        У меня просто блок сильно шире, теряется полезное пространство справа, и при этом бар в два этажа для кнопок взаимодействия снизу — меня раздражал. Единственное что пока не нашёл идеальный вариант шапки для отображения автора, раздела и времени.
        image.png

        3
        Ответить

        1. Офигенно)

          1
          Ответить