NeverLoved

NeverLoved

пикабушник
пол: мужской
поставил 5256 плюсов и 8993 минуса
отредактировал 1 пост
проголосовал за 4 редактирования
20К рейтинг 4787 комментариев 9 постов 3 в "горячем"
1 награда
5 лет на Пикабу
156

Новый новый дизайн пикабу и Третий Крестовый Поход

Привет, Пикабу.

Недавно нас обрадовали тем, что старый дизайн окончательно выключают и забывают, потому

я вкатываюсь с ВНЕЗАПНЫМ апдейтом. Картинко ниже, подробности о установке -- внутри поста.

Новый новый дизайн пикабу и Третий Крестовый Поход Пикабу, Редизайн сайта, Userscript, Новая версия pikabu, Дизайн, CSS, Длиннопост

Функции:

Скрытие просмотренных как в старом дизайне;

Навигационная панелька как в старом дизайне;

Километровые отступы и прочий гигантизм убраны настолько, насколько это возможно;

Кнопка вкл/выкл клубнички серая и неприметная рядом с именем;

Правое меню как в старом дизайне (в т.ч ответы и лента);

Точное количество рейтинга без всяких k и округлений;

Возможность установить шрифт как в старом дизайне;

Кол-во скрытых постов над блоком с постами как в старом дизайне;

Нормальные ссылки на ветки комментариев, без срезов;

Относительно квадратные аватарки;

Новый новый дизайн пикабу и Третий Крестовый Поход Пикабу, Редизайн сайта, Userscript, Новая версия pikabu, Дизайн, CSS, Длиннопост
Новый новый дизайн пикабу и Третий Крестовый Поход Пикабу, Редизайн сайта, Userscript, Новая версия pikabu, Дизайн, CSS, Длиннопост

Чтоб ваш Пикабу выглядел так же как мой необходимо:

1) Установить расширения Tampermonkey и Stylus. Если планируете использовать только стиль, без скрипта -- то только Stylus.

2) Сходить по ссылке, выбрать желаемые настройки стиля [кнопка Customize Settings], нажать кнопку "Install Style" и нажать "ОК"

3) Сходить по ссылке, нажать "Install this Script", в открывшемся окне нажать "Установить"

4) Обновить страницу Пикабу и наслаждаться


Уже использующим мои штуки ничего делать не надо -- плагины сами всё обновят до актуального состояния.

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

Хорошие новости: фарш возможно повернуть назад.

@Insinko рапортует что фарш отсутствует если открывать пикабу с удалённым адблоком, но проверять я это, конечно, не буду.

Новый новый дизайн пикабу и Третий Крестовый Поход Пикабу, Редизайн сайта, Userscript, Новая версия pikabu, Дизайн, CSS, Длиннопост

С моим юзерстилем и юзерскриптом последние месяцы наблюдались проблемы:

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

Новый новый дизайн пикабу и Третий Крестовый Поход Пикабу, Редизайн сайта, Userscript, Новая версия pikabu, Дизайн, CSS, Длиннопост

Для восстановления работы юзерскрипта пришлось внести некоторые изменения и поправить старые баги.

Настройки скрипта снова доступны в настройках пикабу. Не красиво, но работает.

Новый новый дизайн пикабу и Третий Крестовый Поход Пикабу, Редизайн сайта, Userscript, Новая версия pikabu, Дизайн, CSS, Длиннопост

В юзерстиле дополнительно вынесена настройка размера шрифта.

Область комментариев теперь динамически расширяется влево если ширина экрана >1400px.

Известные проблемы:

Разъехался блок с пользовательской инфой;

Плохо работает клик по заголовку поста для скрытия поста;

Пока невозможно воплотить часть идей (например заменять ?cid= ссылки /в постах/ на нормальные) по причине того, что некоторые люди используют динамическую загрузку постов, а там нужно городить mutation observer;

Странноватый цвет текста в правом блоке при включенной ночной теме;

Белый блок поиска при включенной ночной теме (выключить разворачивание блока поиска можно в настройках);

Фон навигационной панели из старого дизайна слегка сломан (нет фона);


Более детальную информацию можно получить из предыдущих постов.

Обратите внимание! Установка юзарскрипта в паре со стилем не обязательна, но _очень_ желательна.


Тем временем немного статы:

По данным userstyles.org мой стиль был загружен 742 раза. И это только с прошлого поста! До прошлого поста стиль жил на пастбине, где у него ещё 153 загрузки.


С юзерскриптом немного скромней -- 58 установок с greasyfork, и 143 с пастбина.


Ещё раз: ~_устанавливайте юзерскрипт, с ним лучше_~


P.S.: как обычно, внимательно слушаю пожелания и предложения в комментариях.

P.P.S.: прошу прощения за сумбур. У меня была очень тяжёлая неделя, а тут ещё эта срань с редизайном. Пишу из горящего танка :)

Новый новый дизайн пикабу и Третий Крестовый Поход Пикабу, Редизайн сайта, Userscript, Новая версия pikabu, Дизайн, CSS, Длиннопост
Показать полностью 6
468

Новый новый дизайн Пикабу, второе пришествие

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


В любом случае, вот так сейчас выглядит мой Пикабу. Подробности под катом.

Новый новый дизайн Пикабу, второе пришествие Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост

Хочу начать с того, что нас ВНЕЗАПНО заметили, хоть прошлый пост и не набрал тристатыщмиллионов плюсов. В посте отписывался админ, модераторы молниеносно среагировали на просьбу добавить ссылку в пост. Зачем-то они перенесли пост в сообщество "Предложения по Пикабу", хотя никто об этом не просил. Ну да чёрт с ним, мне не жалко. И сегодня [вчера] появилось первое изменение от администрации о котором просили -- цвет заголовка посещённых постов отличается от не посещённых. Ура нам.

Список изменений в юзерстиле и юзерскрипте:

1) Возвращён функционал сокрытия просмотренного по кнопке F

2) По клику в свободную область заголовка можно свернуть пост

3) Теги теперь нормально выглядит и сверху и снизу страницы

4) В комментариях теперь есть ещё одна кнопка, ссылка #comment_xxx вместо ссылки на ветку

4.1) Если при переходе комментария нет на странице -- страница фокусируется на кнопке загрузки ещё комментариев. Как на старой версии, и как в мобильной версии.

5) Юзерстиль залит на userstyles.org и у него появились настройки

5.1) Добавлена более "классическая" цветовая схема Пикабу

5.2) Добавлена возможность использовать шрифт от старой версии Пикабу

5.3) Добавлена возможность изменить цвет фона и поста

Новый новый дизайн Пикабу, второе пришествие Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост

6) Юзерскрипт залит на greasyfork.org

6.1) У юзерскрипта тоже появились настройки. Я прекрасно понимаю, что не все изменения нужны не всем пользователям, потому по адресу https://pikabu.ru/settings появились настройки скрипта. К сожалению, красивых тыцалок не будет, обойдемся обычными чекбоксами :)

Новый новый дизайн Пикабу, второе пришествие Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост

Собственно, инструкция по установке теперь немного иная:

0) Кто ставил скрипты из вчерашнего поста - выключите и/или удалите их.

Новый новый дизайн Пикабу, второе пришествие Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост
Новый новый дизайн Пикабу, второе пришествие Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост

1) Нужно установить расширения Tampermonkey и Stylus. Если планируете использовать только стиль, без скрипта -- то только Stylus.

2) Сходить по ссылке, выбрать желаемые настройки стиля [кнопка Customize Settings], нажать кнопку "Install Style" и нажать "ОК"

3) Сходить по ссылке, нажать "Install this Script", в открывшемся окне нажать "Установить"

4) Обновить страницу Пикабу и наслаждаться


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

У юзерстиля всегда много изменений. Что-то правится, что-то добавляется, что-то удаляется. Нет смысла писать changelog на каждую строчку. Важные изменения появляются в виде настроек на userstyles.

Функции добавлялись на основе пожеланий из комментариев, например скрытие по F я никогда не использовал, потому мог что-то сделать не так как ожидалось. Можно переделать, используя новые пометки прочитанных постов от Пикабу. Предложения и пожелания всё ещё приветствуются.

При обнаружении недочётов, багов и недокрашенных кнопок и уехавших блоков сообщайте в комментарии.

На очереди добавление кнопок "свернуть" и "перейти в комментарии" под пост, а затем, возможно, перенос (не дублирование) автора и сообщества вверху поста. Продублированное наверху стилизировать, оригинальное внизу скрыть/отпилить.


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

Новый новый дизайн Пикабу, второе пришествие Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост
Новый новый дизайн Пикабу, второе пришествие Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост
Показать полностью 6
680

Новый новый дизайн пикабу

Вот и наступил этот момент, старый дизайн Пикабу спрятали в домен https://old.pikabu.ru и кнопки "вернуться на старый дизайн" больше нет.

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

Результат для привлечения внимания:

Новый новый дизайн пикабу Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост

Как сделать себе так же -- под катом.

Новый дизайн до изменений, для сравнения.

Новый новый дизайн пикабу Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост

Установка:

Для установки понадобится 2 расширения, tampermonkey и stylus.

После установки заходим на Пикабу, тыкаем на значок stylus и нажимаем в pikabu.ru как на скриншоте:

Новый новый дизайн пикабу Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост

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

Мой юзерстиль можно забрать тут. Скопировать, вставить.

Не забудьте ткнуть "сохранить".

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

Проделываем то же самое с Tampermonkey -- тыкаем в панель расширений и нажимаем "Добавить новый скрипт":

Новый новый дизайн пикабу Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост

После чего откроется окно для вставки javascript. Убрать весь текст, который там есть.

Мой юзерскрипт забрать тут. Скопировать, вставить.

Не забудьте ткнуть "сохранить".


После этих манипуляций достаточно обновить страницу Пикабу и наслаждаться результатом.

Дополнительная информация:

0) Работа проверялась на Chromium с 1080p монитором. Вроде ничего не ползёт. Должно работать на всех chromium-based браузерах -- ябраузере, опере, амиго, тысячи их. Firefox не тестировал, но я вроде ничего хромоспецифичного не использовал, должно работать. Пишите если что не так, починим.

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

2) Кнопка переключения клубнички перестаёт быть красивой после изменения настройки и до перезагрузки страницы.

3) То же самое и с кнопкой скрытия постов (хотя она и в старом дизайне до перезагрузки была некрасивой).

4) В постах сообществ тоже можно достать полное количество постов и подписчиков, но нужно ли?

5) Теги я бы вообще засунул в серую плашку там где ник пользователя отображается, но там же соц. кнопки :(. А сам стиль тегов можно взять из мобильной версии, но нужно ли?

6) Блок комментариев нужно расширить на 25% и сдвинуть на 25%, в остальном с комментариями всё ок.

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

8) В планах оформить это всё в расширение с настройками, типа Reddit Enhancement Suite, если много людей заинтересуется.


Пожелания и предложения принимаются. Кстати, как минимум часть изменений у меня сохранена в виде заметок со скринами, могу запилить пост.

#comment_109196638

#comment_109203213

Новый новый дизайн пикабу Пикабу, Дизайн, Css, JavaScript, Userscript, User, Новая версия pikabu, Длиннопост
Показать полностью 4
114

Steam вернул мне мой 2007-ой

Закрыл игру, Steam окрыл окно с новостями обновлений, только новостей в нём не было. Показался почему-то только футер старого сайта Стима родом прямо из 2007 года :)

Steam вернул мне мой 2007-ой Steam, Баг

"Домой" ведёт на главную, "все игры", "посмотреть игры", "поиск" - на поиск, "бесплатный контент и видео" - на бесплатный контент и видео. Ссылки из футера тоже живые, перенаправляет на валвовский и стимовский ToS.

Steam вернул мне мой 2007-ой Steam, Баг
9

Министерство Правды уже здесь.

С этого года Федеральная служба охраны (ФСО) начнет проводить ежедневный мониторинг публикаций всех российских блогеров на предмет их отношения к власти. Силовики создадут специальную базу негативно настроенных граждан, которые размещают на своих интернет-ресурсах публикации оппозиционной направленности. При этом представители ФСО намерены следить не только за известными столичными блогерами, под контроль попадут также пользователи Сети из регионов.

Подробно: http://izvestia.ru/news/563116

=========
Я даже не знаю, что сказать по этому поводу.
8

Собственно об этом вас и прошу: давайте запилим свою тусовку :) С меня бухло до 1,5к гривен, с Вас ночлег и море любви и обожания.

Товарищи,мне 4 числа(января, да)будет 20 лет. Я бы хотел отметить эту дату либо в Киеве, либо во Львове, либо в другом крупном городе где меня смогут принять:)
Собственно об этом вас и прошу: давайте запилим свою тусовку :) С меня бухло до 1,5к гривен, с Вас ночлег и море любви и обожания. Товарищи,мне 4 числа(января, да)будет 20 лет. Я бы хотел отметить эту дату либо в Киеве, либо во Львове, либо в другом крупном городе где меня смогут принять:)

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!)

Приближается 23 февраля — не лучший повод в году для очень дорогого подарка другу, но весьма неплохой, чтобы порадовать себя. Мы собрали в одном посте несколько полезных игровых устройств (и кресел), каждое из которых станет прекрасным подарком для заядлого геймера. Для удобства девайсы распределены по трем ценовым категориям: средняя цена, подороже и «для себя любимого». Не забудьте активировать промокод на скидку в 25% — FEB25.


Для читателей Пикабу распродажа начинается на 3 дня раньше: с 15 по 24 февраля!

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Средняя цена (4 000 – 8 000 р.)

Подставка для монитора ThunderX3 AS5

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Если пользуетесь монитором с диагональю больше хотя бы 21’’ (но такие маленькие сейчас можно найти разве что на ноутбуках), то он должен стоять так, чтобы верхний край экрана был как минимум на уровне глаз, а лучше на 5-7 см выше. И все разговоры о том, что на экран надо смотреть сверху вниз — бред, как и специальные старые столы с нишами для мониторов. Установив монитор ниже рекомендуемого уровня, вы будете постоянно наклоняться, чтобы посмотреть в центр или низ экрана, что рано или поздно спровоцирует боль в шее. Это первая из веских причин купить подставку под монитор. Есть еще вторая и третья! На передней панели ThunderX3 AS5 расположен хаб с тремя USB 3.0 (чтобы не тянуться к «системнику», когда надо зарядить смартфон или вставить флешку), а сама конструкция подставки сэкономит пространство на столе. Подсветку можно включать, выключать и настраивать с помощью пульта дистанционного управления с магнитным креплением — удобно и не потеряется!


Гарнитура COUGAR IMMERSA PRO

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Игровая гарнитура Cougar Immersa Pro — солидная. Это значит, что ничего в ней не болтается и не люфтит: все детали корпуса плотно подогнаны. Особенно радует по-приятному тугая регулировка громкости, за которую отвечает металлическое колесо на правой чашке (а на левой — включение и выключение микрофона и, собственно, сам выдвижной микрофон). Но главное преимущество этой гарнитуры – не конструкция и даже не настраиваемая подсветка, а виртуальный объемный звук 7.1. Его трудно описать, но легко почувствовать разницу — с ним и без него. У Immersa Pro, как и положено геймерской гарнитуре, длинный UBS-кабель — 2 метра, поэтому можно спокойно подключиться хоть к заднему разъему компьютера без удлинителей.


Немного подороже (8 000 – 15 000 р.)

Клавиатура Tesoro GRAM XS

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Две основные причины, по которым игроки отказываются от механических клавиатур, — «громкие» клавиши и громоздкая конструкция. Создатели GRAM XS обошли одну проблему полностью и сделали настоящую «механику» в очень тонком и компактном корпусе. Проблема звука решена, правда, наполовину: он намного тише, чем, скажем, в любой механической клавиатуре пару лет назад, но все равно есть — потому что совсем от него избавиться попросту невозможно. Если ваш друг или молодой человек давно хочет пересесть на «механику», то GRAM XS будет лучшим вариантом. Тут и продвинутая конструкция, и возможность настраивать макросы, и подсветка — куда же без нее!


Кресло GAMDIAS HERCULES E3

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Кресло с RGB подсветкой — это не шутка, а суровая реальность геймера! У HERCULES E3 есть даже специальная программа, которая настраивает цвет, режим и интенсивность подсветки. А еще ее можно просто не включать, и никто не догадается, что она вообще есть. Ведь игровое кресло ценится в первую очередь за заботу о здоровье на нем сидящего: ортопедическая конструкция важна тем, кто любит посидеть перед компьютером по пять часов подряд. Обивка сделана из экокожи – главное, не путайте ее с кожзамом (искусственной кожей). Экокожа эластичная, мягкая на ощупь и хорошо пропускает воздух — можете быть уверены, что не приклеитесь к креслу после потной катки в любимой игре.


Кресло COUGAR Fusion

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Девиз этой модели — надежность. В ней не так много настроек, зато газпатрон 4 класса (согласно классификации независимой ассоциации производителей мебели BIFMA, лучше газпатронов нет), длинные мягкие подлокотники, широкие спинка и сиденье, обивка из ПВХ-кожи с прострочкой. Основание и каркас сделаны из металла, а колесики — полиуретановые. Они не царапают пол и практически бесшумные. Иначе говоря, в этом кресле нет ничего лишнего, кроме, разве что, механизма «топ-ган», превращающего COUGAR Fusion в потомка кресла-качалки. С другой стороны, прикольная функция, пусть будет!


Подарки для себя любимого (15 000 – 25 000 р.)

Кресло ThunderX3 BC3 Camo

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Кресло с камуфляжной расцветкой — украшение геймерской берлоги. Тем более, когда на носу 23 февраля! Но, как и с предыдущим креслом, это все приятные мелочи. Суть кроется в надежной конструкции, удобстве и заботу о здоровье. ThunderX3 BC3 сделано в форме «ковша» — как сиденье в спортивном автомобиле. Гонщикам важно сохранять положение тела при входе в поворот на большой скорости и не вылетать из сидения, с этим-то и помогает ковш. За компьютером, конечно, таких перегрузок вы не испытаете, зато сможете принять свободное положение во время перерыва между матчами и не бояться вывалиться. Да что там, можно разложить спинку на 180 градусов и растянуться, как кот, или переключиться в режим качания. Подлокотники тоже регулируются, причем как по высоте, так и по углу поворота к сиденью.


Компьютерный стол ThunderX3 AD3-HEX

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Если подсветка может быть даже в кресле, то в игровом столе вообще обязательна! В самом деле, не ставить же красивый компьютер, монитор и периферию на обычный стол, все должно быть в одном стиле. У ThunderX3 AD3-HEX дерзкий и при этом практичный дизайн со специальными канавками, в которые можно спрятать все провода, и с текстурированным покрытием столешницы, чтобы вашей оптической и лазерной мышке было удобно без коврика. Стол доступен в двух размерах: с шириной столешницы в 120 см и 160 см. Высота — фиксированная, 74 см. Светодиодная лента подсветки большая: даже у стола 120 см ее яркости хватает, чтобы успешно выполнять функцию ночника с пультом дистанционного управления. Кстати, пульт идентичен тому, что идет в комплекте с подставкой под монитор из начала этого поста. Если у вас есть и стол, и подставка, можно управлять сразу всей подсветкой с одного пульта, а второй будет запасным.


Кресло COUGAR Armor S

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

У этого кресла очень много настроек, даже самый привередливый найдет свою комбинацию. Меняется высота, наклон всего сиденья и отдельно наклон спинки, есть отстегивающиеся подушки под шею и поясницу. Подлокотники вообще регулируются по четырем направлениям: высота, угол поворота, расстояние от спинки и расстояние от сиденья. Спинка высокая (83 см) и откидывается на 180 градусов, превращая кресло в небольшую раскладушку для отдыха. На выбор COUGAR предлагает два варианта: пестрый с оранжевыми вставками и лаконичный черный. Черное COUGAR Armor S похоже на большое кожаное кресло босса из типичного офиса. Внешне по нему невозможно понять, сколько механизмов и настроек скрывается за этим видом.


Кресло Tesoro Zone X (F750)

Чем оборудовать геймерскую берлогу: 9 устройств на любой кошелек (ну почти!) Длиннопост

Последняя модель игровых кресел от Tesoro обладает не только всеми преимуществами перечисленных выше кресел — есть еще пара бонусов. У Zone X много настроек и невычурный дизайн, который отлично впишется и в геймерскую берлогу, и в обычную современную квартиру. Подушки для шеи и поясницы — ортопедические, наполненные пеной меморикс. Этот синтетический материал «запоминает» форму головы и спины, снижая нагрузку на эти участки тела. Еще у Zone X расширено «рабочее» пространство сиденья и спинки, за что производителя поблагодарят все ценители кресел пошире. В общем, Zone X — это элитная штука с кучей «обвесов»; королевский трон от мира игровых кресел. Удивительно, что в комплекте не идут держава, скипетр и мантия.

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