1
Маленькие визуальные баги
2 Комментария в Багрепорты  

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


1. Панель "Ваши обсуждения": пустое место между названием поста и количеством комментариев.

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

Маленькие визуальные баги баг, Пикабу, длиннопост

Иронично, на этом месте находится невидимый знак non-breaking space  .

Маленькие визуальные баги баг, Пикабу, длиннопост

После удаления выделенного элемента панель выглядит вот так:

Маленькие визуальные баги баг, Пикабу, длиннопост
Показать полностью 5
4
Декодировать URL для корректного отображения кириллици (и других знаков)
6 Комментариев в Багрепорты  

На Pikabu иногда встречаются ссылки, содержащие кириллицу, отображающиеся в виде URL-encode.


Например, ссылка на заглавную страницу Википедии отображается так:

https://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0...

хотя намного удобнее вот такой вид:

https://ru.wikipedia.org/wiki/Заглавная_страница


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


PHP уже давно поддерживает декодирование URL в нормальный текст, например функция urldecode().

Вот примитивная демонстрация:

вставьте это в соответствующее поле на sandbox.onlinephpfunctions.com и получите нормальный текст.

<?php
$url = "https://ru.wikipedia.org/wiki/%D0%9F%D0%B8%D0%BA%D0%B0%D0%B1...";
echo urldecode ($url );
?>

Насколько я понимаю, у Вас уже есть автоматическое определение ссылок в постах и комментариях (на сервере), поэтому должно быть легко добавить всего одну строку в эту функцию.


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


В будущем это позволит использовать кириллицу в ссылках на посты, например писать

https://pikabu*ru/story/Декодировать URL для корректного отображения кириллици (и других знаков)_5220318

вместо

https://pikabu*ru/story/dekodirovat_url_dlya_korrektnogo_otobrazheniya_kirillitsi_i_drugikh_znakov_5220318

Хотя, может это и плохая идея.


Публикую это в Багрепорты, т.к. это не предложение нового функционала, а устранение визуального недочёта.

3
Отдельные маленькие иконки для сообществ (и, возможно, пользователей)
2 Комментария в Предложения по Пикабу  

Иконки сообществ и пользователей имеют размер 100x100 px, но также отображаются в других размерах, включая значительно меньшие размеры:

- 20x20 px -- иконки сообществ в панели "Активные сообщества" ленте и иконки администраторов сообществ в панели сообщества

- 16x16 px -- иконки пользователей в комментариях


В результате очень красивые авторские 100x100 px иконки сжимаются до 20x20 px или вообще 16x16 px и выглядят ужасно. Предлагаю добавить возможность загружать версии иконок разных размеров, как минимум ещё двух: 56x56 px и 20x20 px (в дополнение к обязательной 100x100px). Если иконка конкретного размера не была загружена, то можно использовать ближайший больший размер.


Например, вот так выглядит панель "Активные сообщества" у меня:

Отдельные маленькие иконки для сообществ (и, возможно, пользователей) пикабу, предложение, feature request
Показать полностью
217
Как убрать рекламу в Windows 10
54 Комментария  

Наткнулся на рекламу в Windows 10 и в рунете ничего не нашел по этому поводу, зато нашел информацию на английском и решил её перевести для Pikabu (с дополнениями и пояснениями). Пост в первую очередь будет полезен тем кто ещё не отключили эти настройки или недавно переустанавливали систему (как я).


К сожалению, у меня самого Windows 10 на английском и когда я поменял язык в настройках, наткнулся на весьма странные переводы. Мне интересно, это у меня одного так или действительно перевод косой?


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

https://www.tenforums.com/tutorials/80413-disable-advertisin...


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


0. Отключить персонализацию рекламы

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


Зайдите в "Параметры Windows > Приватность" и под "Общие" отключите все три переключателя: первый отвечает за Ваш "advertising ID", второй предоставляет сайтам список Ваших языков, третий записывает какими программами Вы пользуетесь.


Хотелось бы рассказать побольше об "advertising ID": этот ID хранит полную историю Вашего взаимодействия с рекламой и использования приложений, если создатель приложения включил соответствующую опцию; ID предоставляется рекламным сетям для предоставления "релевантной рекламы" -- слежка, одним словом.

Кроме того весьма странно, что choice.microsoft.com недоступен -- это домен где Вам должны предоставить возможность контролировать этот advertising ID. Эта проблема возникала и у других начиная с 2014 года [1,2]. У меня получилось загрузить страницу только через VPN.


[1] https://answers.microsoft.com/en-us/ie/forum/ie11-windows_7/...

[2] https://social.technet.microsoft.com/Forums/en-US/f89b2f79-b...

Больше ссылок предоставить не могу из-за ограничения.


1. Убрать рекламу Windows Spotlight на экране блокировки.

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

Показать полностью 2
-2
Неправильная ширина элемента в заголовке при ширине страницы <=1024px
3 Комментария в Багрепорты  

Заметил что при ширине окна не более 1024px следующий элемент имеет неверную ширину:

Неправильная ширина элемента в заголовке при ширине страницы <=1024px баг, Ошибка, пикабу

Сверху показано условно-ошибочное отображение которое показывается при ширине до 1024px включительно. Снизу показано условно-верное отображение которое показывается при ширине от 1025px включительно и не мозолит глаза.


Как вариант, можно было бы поместить их в один div (который будет содержать только эти два элемента) и уменьшить количество CSS определяющего ширину и цвет текста чтобы они выглядели однородно.


Спасибо за Вашу работу, @SupportTech.

10
Сообщество uBlock Origin (обсуждение и техническая поддержка)
13 Комментариев в Создайте сообщество  
Сообщество uBlock Origin (обсуждение и техническая поддержка) uBlock Origin, ublock, текст

На Pikabu я часто наблюдаю следующее:

- жалобы людей на некачественно рекламу

- мнение что любая реклама плохая

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

- безграмотность в вопросе о "privacy" (что такое "targeted ads", "add networks", "beacons", "fingerprinting" и пр.)

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


Я хотел бы рассказать пользователям о количестве информации утекающей в сеть, что баннер "branding" в шапке -- это довольно малая цена за круглосуточный доступ к фотографиям котиков и попугайчиков. А также, что авторские посты на Pikabu значительно безопаснее встроенной рекламы и часто даже качественнее.


uBlock Origin разработан Raymond Hill на полностью без-финансовой основе с очень хорошей Политикой конфиденциальности: абсолютная конфиденциальность.

https://github.com/gorhill/uBlock/wiki/Why-don't-you-accept-donations%3F

https://github.com/gorhill/uBlock/wiki/Privacy-policy

перевод, если он Вам нужен:

https://github.com/bershan2/uBlock-Origin-Wiki-in-Russian/bl...'t-you-accept-donations%3F.md

https://github.com/bershan2/uBlock-Origin-Wiki-in-Russian/bl...


Я не нашел сообщества посвященного блокировке рекламы (среди всех 518 что показываются на http://pikabu.ru/communities/all), поэтому я хотел бы создать такое. Естественно, я не претендую на знание всего связанного с сетевыми фильтрами, поэтому ограничиваю тему расширением которым пользуюсь и в разработке которого участвую[1][2] и документацию которого перевожу на русский язык[3], а также отвечаю на вопросы в Chrome Store[4].


Эта тема уже обсуждалась[5], но ресурсы не собраны в одном месте, многие просто не знают об их существовании[6].


[1] https://github.com/gorhill/uBlock/pulls?q=is%3Apr+author%3Ab...

[2] https://github.com/gorhill/uBlock/search?utf8=%E2%9C%93&q=is...

[3] https://github.com/bershan2/uBlock-Origin-Wiki-in-Russian/bl...

[4] https://chrome.google.com/webstore/detail/ublock-origin/cjpa...

[5] http://pikabu.ru/tag/ublock%20origin

http://pikabu.ru/tag/ublock

[6] #comment_90954919

Показать полностью
-3
[Google Chrome] Меню "Сохранить" (сохранить пост) не исчезает при нажатии вне него
3 Комментария в Багрепорты  

В Google Chrome, если нажать на кнопку с флоппи-диском "Сохранить" (т.е. открыть меню выбора папки куда сохранить), а потом нажать где-нибудь за пределами появившегося меню, меню не исчезнет.

В других браузерах (Internet Explorer 11, Microsoft Edge 38) это меню исчезает.


Мне кажется, меню должно исчезать при нажатии вне него, т.е. поведение IE и Edge более корректно, и Chrome должен вести себя также.


У меня установлены:

Windows 10

Google Chrome 57.0.2987.110 (64-bit)

Microsoft Internet Explorer 11.953.14393.0

Microsoft Edge 38.14393.0


Другие браузеры не проверял, т.к. не вижу смысла (но проверю, если нужно).


P.S. Баянометр ругался на схожесть с моим же постом, написанным в подобной манере:

http://pikabu.ru/story/google_chrome_video_coub_ne_ostanavli...

-1
[Google Chrome] Видео Coub не останавливается при сворачивании поста
5 Комментариев в Багрепорты  

В Google Chrome при сворачивании поста с Coub нажатием кнопки "Показать/скрыть пост" Coub не останавливается (слышен аудио-трек и видеоряд проходит вперед).

В других браузерах (Internet Explorer 11, Microsoft Edge 38) весь блок видео "отгружается", т.е. если раскрыть пост снова, блок видео переходит в изначальное состояние сразу после загрузки страницы.

Замечу что видео YouTube отгружаются везде (Chrome, IE, Edge).


Мне кажеться, все видео должны "отгружаться", т.е. поведение IE и Edge более корректно, и Chrome должен вести себя также.


У меня установлены:

Windows 10

Google Chrome 57.0.2987.110 (64-bit), но я замечал эту "ошибку" и ранее.

Microsoft Internet Explorer 11.953.14393.0

Microsoft Edge 38.14393.0


Примеры:

Корректная "отгрузка" YouTube: http://pikabu.ru/tag/ВидеоНекорректное продолжение проигрывания Coub: http://pikabu.ru/tag/coub, например http://pikabu.ru/story/pustoshi_fallout_4916855
Другие браузеры и видео форматы/хостеры не проверял, т.к. не вижу смысла (но проверю, если нужно).

-2
Отсутствует рамка поста если пост содержит только гифку (.webm) и YouTube видео.
3 Комментария в Багрепорты  

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

Пример: http://pikabu.ru/story/golf_golfom_a_u_kogoto_obedennyiy_per...

Отсутствует рамка поста если пост содержит только гифку (.webm) и YouTube видео. баг, Пикабу, Ошибка

Предлагаю ставить рамку если: (1) пост содержит текст, или (2) медийные элементы (фото, видео, гифки (.webm), coub) разной ширины. И не ставить рамку только если пост полностью состоит из медийных элементов одной ширины.

-8
Сделаем полностью валидный сайт!
7 Комментариев в Предложения по Пикабу  

Недавно игрался с HTML валидатором validator.w3.org (созданным World Wide Web Consortium), и был удивлен насколько хорошо сделан Ваш сайт. (По сравнению со многими много-миллиардными проектами: Google.com, Facebook.com, YouTube.com) Но все равно хотел бы исправить некоторые “ошибки”.

Давайте покажем что Пикабу лучше Reddit.com (всего 4 ошибки и 1 предупреждение)!


Ниже описаны “патчи” для самых простых ошибок в HTML. Если пост привлечет внимание @admin, напишу продолжение.



1. Показать что это HTML 5

Мы знаем что используется HTML 5, но обманываем махини что это XHTML 1.0 Strict. Поэтому давайте заменим

\<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

на

\<!DOCTYPE html>

(\ чтобы отображалось)


Вот таблица результатов всех проверок, показывающая что это HTML 5 (и просто ради интереса): Google Sheets

Внимание: похожие ошибки считаются несколько раз.


2. Сайт на русском и это лучше бы отразить.

Пожалуйста, добавьте lang="ru" в <html> тег



3. Добавить alt в <img> где он отсутствует.

Давайте добавим описание к иконке авторов, анимации загрузки, плюсику на кнопке “добавить пост”, описанию кнопок клавиатуры и знаку RSS в кноке страницы.


<img src="http://cs.pikabu.ru/assets/svg/user.svg" width="10" height="11" class="story__user-icon" alt="от:"><a class="story__author" href="http://pikabu.ru/profile/[username]">[username]</a>



4. Иногда картинки img имеют атрибут data-src вместо src.

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


Источники:

[0] validator.w3.org

[1] w3schools.com/html/html5_intro.asp

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


Пожалуйста, войдите в аккаунт или зарегистрируйтесь