denvk

Пикабушник
Дата рождения: 27 мая
1976 рейтинг 3 подписчика 1 подписка 9 постов 0 в горячем
Награды:
10 лет на Пикабу
1

Ответ vkvadrate.band в «Минусы»43

Идея интересная, но есть вопросы.

1. Направление оси X зависит от единственного условия, которое задано жестко и может быть откорректировано в любой момент. Кажется, что выделять целое измерение на это условие - избыточно.

2. Что имеется ввиду под "реакциями"? Количество комментариев? Сумма оценок?

Если второе, то дальше можно не читать.
Если первое, что вторая версия кажется важнее, так как если пост имеет, к примеру, 10к плюсов и 9.99к минусов, но 10 комментариев, будет ли пост считаться интересным?

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

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

9

На волне петиций

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

В связи с чем, мое предложение:
А что, если мы не ограничимся участием в инициативах, которые поднимаются на волнах бурлений, а пройдемся по сайту РОИ и отметимся во всех инициативах, которые считаем адекватными и полезными.

Совсем не факт, что это на что-то повлияет, но, если в РОИ появится не одно голосование с 50к+ голосов, а десятки, то это, вероятно, спровоцирует, хотя бы, шумиху вокруг других важных тем, помимо бродячих собак. Ну или не спровоцирует. По крайней мере, оставить несколько голосов не намного сложнее, чем один.

6

Слайдер вместо простыни изображений

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

Проблема
1. Кого-то, включая меня, может немного раздражать необходимость как-то реагировать, когда не хочется просматривать все изображения. Либо сворачивать пост, либо долго прокручивать страницу в поисках конца поста.
К тому же, при прокрутке можно не заметить, например, важный текстовый блок или видео.
2. Предполагаю, что у пользователей разное видение понятия "длиннопост" и кто то может быть разочарован отсутствием текстового контента в посте, имеющем максимально возможную длину.

Предложение
То, что давно не является изобретением и встречается на многих сайтах и соцсетях - слайдер. Вместо длинной простыни из картинок пользователи будут видеть одну с кнопками вперед-назад, например как тут:

Слайдер вместо простыни изображений Предложения по Пикабу, Ux

Реализация

Вижу 2 пути реализации.
1. Добавляем еще один модуль в редактор поста - слайдер, позволяющий загрузить сразу несколько изображений.

Слайдер вместо простыни изображений Предложения по Пикабу, Ux

2. Создаем слайдер автоматически при рендеринге поста. Все изображения, идущие подряд, объединяются в слайдер.

Подводные камни
Необходимо нормализовать размеры изображений под один бокс, но это тривиальная задача.
Автору может понадобиться добавить подписи к отдельным изображениям. В этом случае можно разместить их на полупрозрачный черный фон внизу, как это обычно делается.

Возможно, что то еще упустил, так что, пожалуйста, пишите об этом в комментарии.

Показать полностью 2
14

EMS. Предостережение.

EMS. Предостережение. Почта России, Ems, Курьерская доставка, Без рейтинга

Спойлер: ЕМС почта, оказывая услугу доставки, НЕ ГАРАНТИРУЕТ её осуществление.

Теперь подробно.

Многие в курсе, что ЕМС - это подразделение Почты России, работающее на базе её ресурсов и площадей. Таким образом, в большинстве случаев, посылку ЕМС можно как отправить, так и получить на Почте России при необходимости. Единственное важное различие - в ЕМС входит услуга доставки на дом, из-за чего часто выбор на неё и падает.

Некоторое время назад понадобилось отправить посылку через этот сервис. Получатель живет в малом населенном пункте около Москвы (д. Ложки). Так как там есть отделение Почты России, при оформлении и отправке не возникло никаких вопросов. Самое интересное началось позже.


Вот фрагмент трекинга (читать снизу вверх):

EMS. Предостережение. Почта России, Ems, Курьерская доставка, Без рейтинга

Отделение в Мытищах находится в ~50 км от получателя. Курьер не приезжал, получатель так же утверждает, что ему никто по этому вопросу не звонил.  Посылка пролежала регламентированный срок в отделении и поехала обратно.


После обращения в Почтамт был получен ответ, что данный населенный пункт не обслуживается курьерской службой. Но, так как доставка была осуществлена до последнего возможного отделения, услуга считается оказанной и почта не видит в данном случае никаких нарушений. Отправка посылки обошлась примерно в 750 рублей.

Данная ситуация может показаться странной для людей (включая меня), привыкших считать, что Почта России и ЕМС - это по сути одно и то же, и не имевших повода задуматься о различиях в охвате населенных пунктов.

Будьте внимательны!

Показать полностью 1

Твик для Ютуба, позволяющий выделить прсмотренные видео

Пользовательский стиль для Ютуба, устанаваливается через расширения Stylish или Stylebot. В библиотеке стиль называется Lighting Viewed .

При наведении мыши на видео, подсветка исчезает.

Твик для Ютуба, позволяющий выделить прсмотренные видео YouTube, Stylebot, Stylish, CSS

Вот весь используемый код:

.watched span {
opacity: 0.8;
transition: opacity 0.3s ease;
}

.watched span:after {

background: rgba(50,150,250,0.6);
content: '';
height: 100%;
position: absolute;
transition: opacity 0.3s ease;
width: 100%;
z-index: 100;
}

.watched:hover span { opacity: 1; }
.watched:hover span:after { opacity: 0; }

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


Если есть вопросы, пишите в комментариях.

Показать полностью 1
18

Рабочий редизайн Пикабу. Последний заход.

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

Вот внешний вид постов. Изображения по возможности растянуты на весь пост:

Рабочий редизайн Пикабу. Последний заход. Пикабу, Stylish, Stylebot, Дизайн, Длиннопост

Комментарии и кнопки теперь располагаются внизу:

Рабочий редизайн Пикабу. Последний заход. Пикабу, Stylish, Stylebot, Дизайн, Длиннопост

Текстовые посты стали более чистыми и читабельными:

Рабочий редизайн Пикабу. Последний заход. Пикабу, Stylish, Stylebot, Дизайн, Длиннопост

А вот старый вариант:

Рабочий редизайн Пикабу. Последний заход. Пикабу, Stylish, Stylebot, Дизайн, Длиннопост

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


Вот полный список изменений:

- изменена шапка сайта, кнопки стали крупнее.

- посты оформлены в виде плиток по мотивам Material-дизайна.

- убраны лишние бордеры и полосы на странице.

- заменен шрифт на тот, что используется в мобильной версии.

- увеличены шрифты в постах и заголовках

- кнопки поста и комментарии убраны вниз

- обновлены кнопки рейтинга

- строки рейтинга и подписчиков в профиле скрыты, но они отображаются при наведении мыши.
- адаптивная ширина страницы, реализованная в 3 шага.


Недоработки:

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

- могут быть не проработаны некоторые маловажные элементы.


Как пользоваться:

- нужно использовать расширение Stylish или Stylebot для браузера. Использование темы полностью безопасно, она не содержит никаких левых скриптов, изображений и т.д. Подробная инструкция по установке в предыдущих постах.

- в библиотеках стилей каждого из этих расширений нужно найти стиль "Pikabu Modern v2 by denvk".

Надеюсь, пост донесет информацию до всех заинтересованных. Всем спасибо!

Показать полностью 4
4

Обновляем внешний вид Пикабу (версия 2)

В продолжение поста об обновлении стиля Пикабу.


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

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

Теперь мой редизайн вносит следующие изменения:


- Изменена шапка сайта. Проверена как с блоком рекламы, так и без;

- Посты и элементы оформлены в виде плиток на сером фоне;

- Увеличены размеры шрифтов в заголовках, постах и комментариях;

- Комментарии и кнопки перенесены вниз;

- Посты растянуты на доступную ширину, картинки увеличены.

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

Выглядит вот так:

Обновляем внешний вид Пикабу (версия 2) Пикабу, Stylish, Stylebot, Дизайн, CSS

Установить редизайн очень просто, для этого используются расширения браузера, либо Stylish, либо Stylebot, кому как нравится.

Если у вас стоит расширение Stylish, вам нужно нажать кнопку "Найдите другие стили для этого веб-сайта", найти стиль "Pikabu Modern 2 by Denvk" и установить его. На их сайте новые материалы добавляются в конец, поэтому я приложил прямую ссылку на страницу.

Если у вы пользуетесь расширением Stylebot, нажмите "Install style on Social" и найдите пункт "Pikabu Modern v2"

Надеюсь, что в новом оформлении вы найдете свои плюсы. Если же нет, пишите свои пожелания в комменты.

Внимание! Стиль не тестировался с мобильной версией, и с определенной вероятностью может конфликтовать с ней. Хотя, думаю, что в любом случае найдутся ошибки. Пожалуйста, сообщайте о них.

Показать полностью 1
14

Немного поправил внешний вид Пикабу

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

Изменения коснулись пока только самих постов, так как они больше всего находятся перед глазами. Что было сделано:
- увеличены шрифты, особенно в коротких текстовых постах;
- немного изменен фон и рамки постов;
- переоформлены хедеры постов, увеличены заголовки, прибраны теги;
- скрыты строки с репутацией и количеством подписчиков (лично для меня оказалось полезным, но можно отключить это).

Вот так было раньше:

Немного поправил внешний вид Пикабу Пикабу, Stylebot, Дизайн, Длиннопост

Стало вот так:

Немного поправил внешний вид Пикабу Пикабу, Stylebot, Дизайн, Длиннопост

Для установки стиля используется расширение "Stylebot". После установки нужно выбрать меню "Install style on Social" и найти в нем стиль "Pikabu Modern" by denvk.

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

Показать полностью 2
Отличная работа, все прочитано!