Arkham80

Arkham80

пикабушник
сделали из пикабу сраный твиттер ну зашибись теперь
78К рейтинг 31 подписчик 14К комментариев 40 постов 5 в "горячем"
1 награда
5 лет на Пикабу
4

Баги вёрстки и доступности

У вас беда с фокусом на ссылках в файрфоксе. Из-за overflow:hidden у родителей.

Firefox 65, Windows.

Баги вёрстки и доступности Баг, HTML, Длиннопост
Баги вёрстки и доступности Баг, HTML, Длиннопост

У логотипа outline несколько иной и едва заметный.

Баги вёрстки и доступности Баг, HTML, Длиннопост

А это в Chrome 72, Windows.

Баги вёрстки и доступности Баг, HTML, Длиннопост
Баги вёрстки и доступности Баг, HTML, Длиннопост

Кнопка поиска совсем не кнопка. Внутри этого дива есть форма с инпутом и кнопкой, но они скрыты. Добраться через фокус можно, но этого не видно визуально. Поле поиска раскроется только если дойти до него Tab'ом (но мы не видим глазами, на каком элементе фокус), что-то ввести, перейти на следующий элемент Tab'ом и вернуться обратно Shift+Tab'ом. Как там с голосовыми помощниками я не проверял.

Баги вёрстки и доступности Баг, HTML, Длиннопост

На кнопке комментариев тоже кривой outline, а вот эти двое (сохранить и поделиться) вообще не доступны через Tab/Shift+Tab.

Баги вёрстки и доступности Баг, HTML, Длиннопост

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

Баги вёрстки и доступности Баг, HTML, Длиннопост

Да и вообще было бы лучше самим прописать стили этих состояний, чтобы они не отличались в браузерах.

В всплывающем окне сохранений всё тоже на дивах, есть дополнительные ссылки, которые вылезают при hover. Логичнее было бы просто поменять дивы на кнопки, сделав доступными. А также переводить фокус на это всплывающее окно, потому что с клавиатуры до него не дойти. Ну и зациклить фокус внутри окна, для этого простых решений нет, но есть способы. В этом видео с 20 минуты. https://www.youtube.com/watch?v=s6PI8pKQxgo?t=1200 Там также и про то, как вообще правильно делать модальные окна.

Баги вёрстки и доступности Баг, HTML, Длиннопост

Дальше не смотрел. Удачи.

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

Баг со скроллом

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

Баг со скроллом Баг, Скролл

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

-4

Баг цитирования

Очень часто при попытке цитирования кнопка просто не срабатывает. Обычно, когда длинная портянка текста и много переносов. Возможно связано с кашей из переносов строк <br><br>, пустых параграфов <p></p> и пустых параграфов с переносами строк <p><br></p>, которыми набивается элемент комментария при редактировании.

Баг цитирования Баг, Цитаты

Также, в роли пожелания:

1. Добавить строчные цитаты (тег <q>). Но для этого придётся изменить поведение, при котором при выделении одного слова из параграфа, цитируется весь параграф целиком. На мобильной версии, вероятно, нужен другой подход, но на десктопе, считаю, можно изменить поведение так, чтобы любой участок любого текста можно было зацитировать.

Баг цитирования Баг, Цитаты

2. Добавить для ответов в разделе "Ответы" такой же функционал для цитирования, как в обычном посте при выделении текста (на гугл значок не обращайте внимание).

Баг цитирования Баг, Цитаты

p.s. Десктоп, Chrome 72, Windows 10

-13

Баг с минимальным количеством тегов

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

p.s. При создании этого поста почему-то ошибки не возникло, хотя тегов 2.

Windows 10, Chrome последний

Баг с минимальным количеством тегов Баг, Теги
-12

Неисправная кнопка паузы плеера

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


Windows 10, браузеры Chrome, Firefox, Edge последние.

Неисправная кнопка паузы плеера Баг, Видео, Плеер, Гифка
-3

Утечка. Пересказ трейлера Мстителей 4.

Разумеется, нет уверенности, что это не фейк.

Пользователь Reddit под ником vfxgurudontmind выложил полный пересказ того, что он увидел в черновом варианте будущего трейлера Мстителей 4. В подтверждение того, что он говорит правду, он напомнил, как несколько лет назад предсказывал первое появление нового Человека-паука во втором трейлере Гражданской войны (а-ля Противостояние), в том числе точную фразу, которой Железный человек позовёт его на поле боя («underoos», так называют облегающее нижнее бельё из спандекса или типа того). А также появление Красного черепа в Войне бесконечности (но не был уверен на 100%).

Точная дата выхода трейлера в свет ему неизвестна, но это либо 21 ноября, либо 28 ноября, а может и 12 декабря на утреннем ТВ-шоу "Доброе утро, Америка". Продолжительность трейлера около 2 минут, в трейлере будет много чёрных экранов и переходов длительностью 1-2 секунды.

Пересказ трейлера:


● Наезжающий на экран логотип 10-летнего юбилея Marvel, мигающий всеми цветами камней бесконечности.

● Танос: «Моя судьба еще не исполнена». В кадре появляется Тони Старк. Он в изношенном костюме, похоже, что всё ещё на Титане, выглядет озадаченным. Танос: «Появилось больше опасностей, угрожающих отменой баланса, ради которого я лишился всего... И я... Не допущу этого».


● Следует момент с Брюсом Беннером и Капитаном Америка. Они стоят над телом Вижена, лежащим на столе.


● Корабль Стражей Галактики взлетает.


● Тони: «Фьюри был прав». Он говорит с кем-то, находящимся за кадром, в каком-то самом обычном доме. Это, возможно, тётя Мэй. У Тони "стеклянные глаза". «Фьюри был прав с первого дня...». Чёрный экран.


● Тони в месте, похожем на гараж. Перед ним 3 разных костюма. Раньше их нигде не показывали. Тони: «Я сделаю всё необходимое, чтобы это никогда не повторилось...». Чёрный экран.


● Снова Тони, на этот раз в форме Щ.И.Т. Идёт на камеру с солдатами позади него.

Утечка. Пересказ трейлера Мстителей 4. Marvel, Мстители: Война бесконечности, Спойлер, Трейлер, Длиннопост

● Человек-муравей, находящийся в квантовом мире. Его окружают 3 тихоходки, он убегает от них и останавливается у чего-то, похожего на зелёный портал (временной).


● Человек-муравей (Скотт) на улице в обычной одежде. Серая рубашка, джинсы и джинсовая куртка. Скотт: «Я думаю... у меня может быть способ помочь». Неизвестно с кем он разговаривает, может быть диалог вообще ненастоящий.


● Пустой трон Ваканды, показывают кадры Шури, М’Баку и Окойе. Чёрный экран.


● Шури или Окойе: «Это была не наша битва...». Всё ещё чёрный экран.


● Капитан Америка стоит, скрестив руки, рядом Роуди, Енот и Тор в комнате, похоже, что ещё в Ваканде.


Капитан: «Мы должны всё исправить».


Беннер: «Кэп, мы даже не знаем с чего начать... Танос ушёл. Он победил».


Тор: «Что ж... тогда нам лучше стоит приняться за дело».


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


● Роуди надевает нижнюю часть костюма (от колен до паха). Это не нанокостюм как у Тони, но похоже на то, как материализуется маска Звёздного лорда.


● Голос Тора за кадром: «Ты готов к этому?»


Енот: «Ну... даже если и нет...». Пауза. Чёрный переход на Енота, музыка замолкает. «Что ещё я могу потерять?»


● Радужный мост с Тором, Енотом и Роуди.


● Различные кадры. Всё ещё повреждённая перчатка, Небула (похоже, что она вместе с Тони на Титане), кадры с Беннером. Чёрный экран.


● Тор: «Нам нужна армия, чтобы противостоять Таносу...». Кадры Таноса, надевающего доспехи.


«Ты единственная достаточно грозная, чтобы дать нам шанс...». Танос берёт большой обоюдоострый меч (заточенный с обеих сторон). «Поэтому я прошу тебя». Различные кадры Чёрной вдовы, костюма Тони, нового нагрудника Капитана Америки (кольчужный) и Беннера, надевающего плотно облегающий фиолетовый костюм перед зеркалом. Переход к Тору: «Ты поможешь нам?». Снова различные кадры, сломанная перчатка лежит на земле, кто-то (очевидно, Танос) уходит в сторону.


● «Прошло некоторое время с тех пор, как я была на Земле». Музыка становится всё громче, крупным планом наезд снизу на лицо Капитан Марвел. Декорации позади похожи на Ксандар, потому что это явно не Земля (в этом нет смысла), но за окном голубое небо и облака.


● Капитан Марвел: «Вперёд». Она летит с сердитым выражением лица, готовится к удару, глаза горят, вокруг пламя. Марвел наносит удар и экран темнеет. Играет музыкальная тема Мстителей. Чёрный экран.


● Енот в белом костюме сидит в кресле на колёсиках, смотрит на мониторы. Роуди: «Я видел много безумных вещей, но говорящий енот...». Енот смотрит на него со стула. «...определённо самая безумная из них». Енот, направлясь от Роуди обратно к компьютерам, саркастически: «Парень, если бы мне платили каждый раз, каждый раз, когда я думаю о тебе, когда я слышу это...». Показывают смеющегося Тора.


Конец трейлера.

Ссылка на Reddit: https://www.reddit.com/r/marvelstudios/comments/9nz39b/major...

Дополнительно: второй расширенный трейлер Капитан Марвел выйдет ближе к 25 декабря.

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

Неправильные ссылки на комментарии

Если ссылка на комментарий была оставлена в новой версии сайта, то переход по ней со старой версии откроёт её как для новой, с ?cid=93824177 на конце ссылки вместо #comment_93824177 из-за чего выбранный комментарий не раскроется.

Мы ищем frontend-разработчика

Мы ищем frontend-разработчика

Привет!)


Мы открываем новую вакансию на позицию frontend-разработчика!

Как и в прошлые разы для backend-разработчиков (раз, два), мы предлагаем небольшую игру, где вам необходимо при помощи знаний JS, CSS и HTML пройти ряд испытаний!


Зачем всё это?

Каждый день на Пикабу заходит 2,5 млн человек, появляется около 2500 постов и 95 000 комментариев. Наша цель – делать самое уютное и удобное сообщество. Мы хотим регулярно радовать пользователей новыми функциями, не задерживать обещанные обновления и вовремя отлавливать баги.


Что надо делать?

Например, реализовывать новые фичи (как эти) и улучшать инструменты для работы внутри Пикабу. Не бояться рутины и командной работы (по чатам!).


Вам необходимо знать современные JS, CSS и HTML, уметь писать быстрый и безопасный код ;) Хотя бы немножко знать о Less, Sass, webpack, gulp, npm, Web APIs, jsDoc, git и др.


Какие у вас условия?

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


Ну как, интересно? Тогда пробуйте ваши силы по ссылке :)

Если вы успешно пройдете испытание и оставите достаточно информации о себе (ссылку на резюме, примеры кода, описание ваших знаний), и если наша вакансия ещё не будет закрыта, то мы с вами обязательно свяжемся по email.

Удачи вам! ;)

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