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 из-за чего выбранный комментарий не раскроется.

Опасный Китай: тропа смерти, тобогган с Великой Китайской стены и хардкорный поезд до Шанхая

Опасный Китай: тропа смерти, тобогган с Великой Китайской стены и хардкорный поезд до Шанхая Длиннопост

Наш герой Славик, олицетворяющий собирательный образ путешественника, продолжает колесить по миру (начало тут). Позади горы и яркая Турция. Впереди опять горы и таинственная Азия. В Китае Славик прошелся по дороге смерти и едва не устроил ДТП, спускаясь с Великой Китайской стены. Все основано на реальных событиях, а все совпадения (не)случайны.


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


Глава 1. Та самая Великая и Китайская


Великая Китайская стена, точнее, одна из ее сторон — Мутяньюй, в двух часах езды от Пекина. Сначала вы едете на метро до станции «Дунчжимэнь», а потом садитесь на автобус до парка Шэньчжэнь.


По фразе «Грейт вол» местные сразу направляют к «нужному» автобусу. Не доезжая до нужной остановки, один китаец стал настойчиво просить меня выйти из автобуса вместе с ним. Я вроде как знал, что мне нужно ехать дальше, но автобус зашумел и буквально выставил на улицу. Как выяснилось, это хитрая схема. Туристов сажают на автобус, не довозят до нужного места, заставляя выйти, а потом предлагают за бешеные деньги доставить их до Стены или парка на машине. Но я и еще один турист оказались не лыком шиты и сторговались за относительно небольшие деньги. Китаец, походу, был разочарован. Позже прочитал множество подобных историй. Будьте бдительны и помните, что англоговорящих в Пекине почти нет. Так что неплохо, помимо иероглифов 不辣 «бу ла» («неострый»), выучить еще несколько.


Что почитать

Как сделать визу в Китай и сколько это будет стоит

Говорят, количество туристов на Великую Китайскую стену сократят. Это правда?

Опасный Китай: тропа смерти, тобогган с Великой Китайской стены и хардкорный поезд до Шанхая Длиннопост

Есть два способа добраться до Стены из парка Шэньчжэнь: пешком или на канатке. Я выбрал второй вариант.


Сама Великая Китайская стена оказалась не такой древней, как я ожидал. Дело в том, что все здесь не столько реставрируют, сколько достраивают. В конце красивого туристического маршрута я увидел нетронутый участок Стены. Это были руины, совсем непохожие на то, что мы привыкли видеть на фотографиях. А потом я увидел строителей и то, как они откровенно достраивали башню там, где ее никогда не было, и совсем загрустил. Не этого я ждал от этого места — ни трепета перед древностью, ни какой-то эпичности я не почувствовал.


Спуститься со Стены можно тоже двумя способами: на канатке или на тобоггане — бесполозных санках, которые едут с вершины по трассе, похожей на бобслейную. На канатке я поднимался, значит, спускаться надо на санях. Ведь все делают что-то впервые: чувствовал себя Роном Уизли, который сел за руль летающего Форда «Англия», чтобы добраться до Хогвартса.

Опасный Китай: тропа смерти, тобогган с Великой Китайской стены и хардкорный поезд до Шанхая Длиннопост

В кабине была только ручка для тормоза — и она нужна! Я люблю скорость, но сани разгонялись так, что я уже готовился вылететь с трассы, поэтому притормаживал. Это было правильным решением. Потому что турист, который спускался передо мной, еле плелся. Я просто чудом не врезался в его сани. Так что будьте осторожны, если решите спускаться на тобоггане. Контролируйте скорость и не зевайте.


Глава 2. Тропа над пропастью и стоячие места в поезде


На скором поезде Пекин — Сиань за пять часов добрался до парка Хуашань, недалеко от города Сиань. Там находится главный аттракцион, ради которого я и прилетел, — Тропа смерти. Увидел однажды на фото и загорелся.

Опасный Китай: тропа смерти, тобогган с Великой Китайской стены и хардкорный поезд до Шанхая Длиннопост

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


Адреналин я испытал, но на фотографиях выглядит зрелищнее. Может, потому, что я не боюсь высоты, а сама тропа не особо длинная. Больше боялся, что уроню телефон в пропасть, а не за себя. А еще о Тропе писали на Пикабу — почитайте.


Что почитать

Куда слетать на Новый год 2020: идеи для путешествий в праздники

Что делать, если вас обокрали в путешествии


Как добирался от Сианя до Шанхая — отдельная история. В китайских поездах своя классификация мест: лежачие, сидячие и стоячие. Почему-то не думал, что с билетами может быть проблема. В итоге все, что смог купить, — стоячее место. Огромный поезд дальнего следования, куча вагонов, битком набитые людьми. Нет ни одного угла, чтобы забиться или прижаться: 16 часов стоя до Шанхая без надежды поспать. Так я себе представлял индийские поезда. Но вокруг одни китайцы, которые косо на меня поглядывали: мол, парень, что ты здесь забыл? Поездку запомню надолго — абсолютное издевательство.

Опасный Китай: тропа смерти, тобогган с Великой Китайской стены и хардкорный поезд до Шанхая Длиннопост

В Шанхае туристов больше, но чувствуешь себя на удивление комфортнее. Вокруг чисто, при этом плюнуть посреди улицы или прямо в ресторане бросить мусор на пол — норма. Китайцы чем-то напоминают русских: хитростью и пронырливостью. Особенно таксисты. А еще заметно, что в стране не хватает работы. Так, в пекинском метро есть люди, задача которых поторапливать пассажиров заходить в вагон.


Шашлык из скорпиона я съел (не впечатлило), порцию адреналина получил, пора ехать дальше.

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