Экран OLED, 120 Гц, Kirin 9000, 4360 мА·ч и камера Leica с датчиками 50, 40, 13 и 64 Мп. Все характеристики Huawei P50 Pro за день до премьеры

Завтра Huawei официально представит флагманские смартфоны Huawei P50 и P50 Pro, но источник уже опубликовал характеристики старшей модели. Судя по описанию камеры, смартфон метит на первое место в рейтинге DxOMark.

Экран OLED, 120 Гц, Kirin 9000, 4360 мА·ч и камера Leica с датчиками 50, 40, 13 и 64 Мп. Все характеристики Huawei P50 Pro за день до премьеры

Так, главный модуль основной камеры представлен 50-мегапиксельным датчиком и объективом с диафрагмой F/1,8. Сенсор будет крупным – оптического формата около 1 дюйма. Второй модуль – с монохромным датчиком разрешением 40 Мп и объективом с диафрагмой F/1,6. Его можно будет использовать независимо от остальных, но главная задача монохромного датчика – улучшение качества фото с основного сенсора. Модуль с 13-мегапиксельным сенсором соединен со сверхширокоугольным объективом с диафрагмой F/2,2, а 64-мегапиксельный датчик – с телеобъективом. Обеспечивающим 3,5-кратный оптический зум. В этом модуле используется уже не столь светосильный объектив (диафрагма – F/3,5), зато есть оптическая стабилизация (как и в главном модуле). Максимальный зум, на который способен Huawei P50 Pro, – 100-кратный.

Аппаратная платформа смартфона – SoC Kirin 9000 4G. Объем оперативной памяти – 8 ГБ, флеш-памяти – 256 или 512 ГБ (хотя в предыдущей утечке версия с 512 ГБ памяти не упоминалась). Смартфон получил экран OLED диагональю 6,6 дюйма с разрешением 2500 х 1228 пикселей и кадровой частотой 120 Гц (частота отклика сенсорного слоя – 300 Гц).

Фронтальная камера – врезанная, с датчиком разрешением 13 Мп и объективом с диафрагмой F/2,4. Смартфон получил аккумулятор емкостью 4360 мА·ч с поддержкой проводной зарядки мощностью 66 Вт и беспроводной мощностью 50 Вт. Также в конфигурации устройства подэкранный сканер отпечатков пальцев, защита IP68, стереодинамики, поддержка карт памяти NM, порт USB-C 3.1. Габариты новинки – 158,8 х 72,8 х 8,5 мм.

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

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

Тест запускается для 6% пользователей Android по всему миру.

Прошлым летом подобные оповещения были запущены в Twitter.

Яндекс объявил о выходе из сделки по покупке интернет-магазина одежды и обуви KupiVIP. Причины, по которым компания передумала покупать магазин, не называются. Известно только. Что «компания рассматривает альтернативные выходы в fashion-сегмент».

О планах Яндекса по покупке KupiVIP стало известно еще в мае. Ожидалось, что сделка будет закрыта до конца второго квартала после одобрения ФАС. Однако в службу ходатайство о сделке так и не поступило.

Предполагалось, что Яндекс купит компанию Private Trade, управляющую KupiVIP, а это значит. Что вместе с интернет-площадкой он бы получил пять офлайн-магазинов KupiVIP в Москве. Распределительный центр на 20 тысяч кв. м в Подмосковье и менее крупный интернет-магазин одежды Mamsy. Сейчас Private Trade принадлежит кипрской Blacksquare Investments.

Отметим, что KupiVIP входит в ТОП-30 самых дорогих компаний рунета по версии Forbes. Магазин должен был усилить маркетплейс Яндекс.Маркет, ускорив выход на рынок одежды. Обуви и аксессуаров.

Источник: The Bell

Почта, Облако и портальные сервисы Mail.ru теперь поддерживают авторизацию с помощью аккаунта VK Connect. Пользователи ВКонтакте. Почты и других продуктов экосистемы VK смогут моментально перемещаться между сервисами без дополнительной регистрации. Те пользователи. У которых есть VK Connect. Но нет электронного адреса. Получат быстрый доступ к его созданию. 

Для новых пользователей это простой и быстрый способ доступа к Почте, Облаку. Видеозвонкам и Календарю: если у человека уже есть аккаунт ВКонтакте. Заводить новую учетную запись не придется — можно авторизоваться с помощью VK Connect. Останется только выбрать имя почтового ящика. При этом не надо придумывать пароль. А значит ниже риски потерять доступ к аккаунту.

Пользователи, у которых уже есть аккаунт Mail.ru. Могут связать его с VK Connect и потом заходить в Почту и другие сервисы в одно нажатие. Это работает и в браузерах. И в приложении Почты Mail.ru на iOS и Android. 

Анна Артамонова, вице-президент по экосистемным продуктам Mail.ru Group:

«Единый аккаунт — это важное звено экосистемы VK. Наша задача связать все наши сервисы единой учетной записью и сделать перемещение между ними бесшовным и максимально удобным для пользователя. Также в рамках единой учетной записи гораздо проще и логичнее накапливать введенные пользователем данные. Которые могут пригодиться ему на разных проектах. Его настройки. Предпочтения и многое другое». 

Напомним, Mail.ru Group представила VK Connect летом 2020 года. Это единая учетная запись в экосистеме VK: с ее помощью можно быстро заходить в Почту. Облако, ВКонтакте. Delivery Club. Ситимобил и другие сервисы экосистемы VK.

Компания ZTE Mobile Devices объявила о начале продаж в России нового недорогого смартфона ZTE Blade A71. 

Android 11, ёмкий аккумулятор и NFC, недорого. Стартовали продажи ZTE Blade A71 в России

Российским пользователям ZTE Blade A71 предлагается по рекомендованной розничной цене 10 990 рублей за версию с 3 ГБ оперативной памяти и 64 ГБ встроенной флеш-памяти, в синем. Сером и цвете «аквамарин». 

Android 11, ёмкий аккумулятор и NFC, недорого. Стартовали продажи ZTE Blade A71 в России

Смартфон оснащается экраном диагональю 6,52 дюйма. Разрешением HD+ (1600 x 720 пикселей). Тройной основной камерой (16 Мп, 8 и 2 Мп). Фронтальной камерой на 8 Мп. SoC Unisoc SC9863A (бывший Spreadtrum). Аккумулятором ёмкостью 4000 мА·ч. 

Android 11, ёмкий аккумулятор и NFC, недорого. Стартовали продажи ZTE Blade A71 в России

На смартфон «из коробки» установлена операционноая система Android 11. Предусморена поддержка NFC. Боковой сканер отпечатков пальцев. Аудиоразъём 3,5 мм и порт USB Type-C.  

В сети продолжают накапливаться подробности об умных часах Samsung Galaxy Watch 4, которые пока не были представлены официально. На этот раз часы были замечены вживую на руке амбассадора Samsung Ким Ён-Кун (Kim Yeon-koung). 

Знаменитости уже носят Samsung Galaxy Watch 4: часы засветились на живых фото

Ким Ён-Кун —  профессиональная волейболистка и капитан женской волейбольной команды Южной Кореи на Летних Олимпийских играх в Токио. Которые начнутся 23 июля. 

Знаменитости уже носят Samsung Galaxy Watch 4: часы засветились на живых фото

На фото видны часы со светло-зелёным ремешком. Ожидается, что для Samsung Galaxy Watch 4 будет представлено 5–6 ремешков разного цвета. В том числе и светло-зелёный. 

Знаменитости уже носят Samsung Galaxy Watch 4: часы засветились на живых фото

Официальный дебют Samsung Galaxy Watch 4 ожидается на следующем мероприятии Galaxy Unpacked. Запланированном на 11 августа. Также на презентации должны анонсировать Galaxy Buds 2, Galaxy Z Flip 3 и Galaxy Z Fold 3. Сегодня в сети раскрыли европейские цены для нескольких версий Galaxy Watch 4

Знаменитости уже носят Samsung Galaxy Watch 4: часы засветились на живых фото
Знаменитости уже носят Samsung Galaxy Watch 4: часы засветились на живых фото

О новом опасном вирусе, наверное. Уже наслышаны все. Многие из нас с тревогой следят за официальной статистикой через гуглоперевод. И я подумал. Что эта ситуация — неплохой пример. Как важна бывает доступность веб-контента обычным людям. Ведь от информации может зависеть здоровье. А то и жизнь. А обстоятельства. В которых мы её ищем. Бывают самые разные. Скажем, у вас срочная командировка в одну из охваченных эпидемией стран. И вы строите маршрут в объезд главных очагов. А у гостиничного компьютера из-за угрозы заражения убрали мышку (как лишнюю поверхность контакта). Да еще незнакомый язык и негибкая верстка. В которую длинные переведенные названия просто не помещаются…

Не помогут ли нам новые возможности HTML и CSS сделать эту информацию доступнее и избежать опасности?

Дилемма древовидной таблицы

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

Увы, в HTML табличность и иерархичность плохо сочетаются. Есть максимум один уровень группировки строк (thead/tbody/tfoot). Обычно приходится жертвовать либо иерархичностью. Эмулируя ее через классы для строк (как в jQuery-плагине treetable), либо табличностью. Визуально имитируя ее фиксированным размером блоков (как на китайском сайте по ссылке в начале статьи). Оба варианта неудобные и негибкие.

К счастью. Сейчас в CSS есть способ сгладить это противоречие — display: contents.

Решение «на чистом CSS»?

Под решениями чего-либо «на чистом CSS» часто кроются хитроумные. Но непрактичные хаки в разметке. Но найти такое решение часто всё равно хочется — ради упражнения и эксперимента. Нашлось оно и для нашей задачи! Даже переход Tab-ом по заголовкам раскрываемых уровней работает:

See the Pen
Tree Table with no JS using display:contents (very early proof of concept)
by Ilya Streltsyn (@SelenIT)
on CodePen.

Вот его главные составляющие:

  • нативные HTML-элементы для скрытия/показа контента — details и summary;
  • наш display: contents;
  • анонимные боксы для пропущенных уровней табличной структуры (стандартная особенность табличной модели в CSS).

И вот как это всё работает:

  1. Вкладываем дочерние таблицы в ячейки родительской.
  2. Убираем из визуальной структуры родительской таблицы tr и td, в которой лежит внутренняя.
  3. У внутренней таблицы убираем table и tbody, оставляя «голые» tr. «Родителем» этих tr теперь оказывается tbody внешней таблицы (все промежуточные обертки пропали). Т.е. внутренние и внешние tr оказываются на одном уровне.
  4. У первой строки внутренней таблицы убираем tr и совсем убираем первую td (display: none). Оставшиеся ячейки браузер оборачивает в анонимный бокс типа table-row (на одном уровне со всеми tr, между ними).
  5. Перед внутренней таблицей вставляем details c summary.
  6. Этому details задаем display: table-cell. Эта «ячейка» попадает в тот же анонимный table-row, на место первой ячейки первой строки вложенной таблицы.
  7. Скрываем или показываем строки внутренней таблицы, кроме первой, в зависимости от состояния details (т.е. его атрибута open, на который CSS не влияет).

Получилась этакая таблица-мутант. У которой вместо очередной строки внешней таблицы иногда попадается «сборная» анонимная строка с суррогатной ячейкой из details и «отдельно взятыми» ячейками бывшей первой строки внутренней таблицы. Потом идут остальные строки бывшей внутренней таблицы. А за ними опять строки внешней. Звучит сложно, признаю. Так что «поковыряйте» пример. Посмотрите. Что на что влияет и как эти части собираются воедино.

Идею класть скрываемый контент не внутрь details. А рядом с ним. Недавно подсказала Амелия Беллами-Ройдз. Этим убиваем двух зайцев: во-первых. Сохранили логичную последовательность ячеек в DOM, а во-вторых. Обошли досадную проблему в Хроме. Дело в том. Что details — «особенный элемент», и display: contents для него работает со странностями. А так он просто весь «упакуется» в одну ячейку.

Что ж, это интересная демонстрация малоизвестных возможностей CSS (новых и «хорошо забытых старых»). Но вряд ли решение: сложно. Неуниверсально. Да и такой финт с details — хак (что признала и Амелия), хоть и менее грубый. Чем скрытые чекбоксы. И это мы еще не заглядывали в инспектор доступности в отладчиках. Не говоря о поведении в реальном скринридере. Так что пора рассмотреть…

Более практичный вариант

Для этого примера я «выдрал» исходные данные прямо из кода того китайского сайта. Чтобы проверить гибкость верстки. Можно тут же перевести их Гуглом (виджет прилагается):

See the Pen
wvadgJK
by Ilya Streltsyn (@SelenIT)
on CodePen.

Главная идея та же: вложенные таблицы превращаются в одну сплошную за счет убирания промежуточных оберток. Целые группы строк легко прячутся и показываются сменой display с contents на none и обратно для одного-единственного элемента (никаких циклов!). Вся логика компонента хранится в ARIA-атрибутах, а CSS просто отражает ее. Скрипт нужен по сути только для обновления атрибута aria-expanded по нажатию на строку или Enter на клавиатуре.

Самое интересное (и сложное) предсказуемо оказалось связано с ARIA-атрибутами.

Выбор роли: treegrid против table

В спецификации WAI-ARIA нет отдельной роли для древовидной таблицы. Но есть очень близкая к ней: treegrid. Она наследует свойства одновременно от дерева (tree) и грида с данными (grid), который в свою очередь наследует от таблицы (table) и отличается от нее интерактивностью ячеек (типичный пример — Excel). У рабочей группы по ARIA в W3C есть даже страничка с примером реализации такого виджета. И у строк такой интерактивной таблицы предусмотрен атрибут aria-level, чтобы сообщать уровень вложенности. То, что надо?

Увы: в большинстве реальных браузеров/скринридеров даже сам W3C-шный пример реализации этой роли… не работает! Особенно в Windows, где. Судя по тому же ишью. Со всеми производными от tree вообще путаница. После долгих безуспешных попыток «завести» табличную навигацию в NVDA с теоретически правильной ролью мне пришлось сдаться. С ролью table скринридеры по крайней мере поддерживают ключевую для этой задачи навигацию по строкам и столбцам.

Другие досадные мелочи

Без них не обошлось. Например, в iOS 12.4 Safari на стареньком iPad mini 2 — уровни таблицы раскрывались как положено. А вот скрываться обратно почему-то не хотели. Хотя атрибуты менялись как надо. Словно отрисовка где-то «застревала». К счастью. В iOS 13 проблемы уже нет.

Другая проблема возникла в Firefox: там скринридер почему-то упорно не хотел переходить между уровнями таблицы, уверяя. Что таблица кончилась. Причина нашлась быстро: оказалось. Что display:contents и role="presentation" плохо сочетаются для элемента tbody. Без display:contents смена роли убирает все промежуточные элементы из дерева доступности. И все строки — независимо от уровня вложенности — в дереве доступности оказываются соседями (по сути тот же эффект. Что в структуре визуального отображения делает display:contents). А вот вместе они работать не хотят. Баг в багзиллу отправлен, и (добавлено 29.12.2020) в версии 84 уже пофикшен.

Без display:contents дерево доступности правильное, а с ним баг
Дерево доступности в Firefox для вложенных таблиц с role="presentation" для промежуточных уровней: вверху без display:contents, внизу с ним

Интересно, что в Хроме ситуация обратная: там нужное нам дерево доступности получается как раз с display:contents, а без него остаются лишние промежуточные элементы. Строго говоря, это тоже баг (display, кроме none, на семантику и доступность влиять не должен!), но Хром, похоже. Отталкивается от визуальной структуры. И в данном случае это оказалось нам на руку.

Но всё-таки, по-моему. В главном идея себя оправдала и после небольшой доработки ее можно будет применять не только для статистики по вирусам. Но и везде. Где нужно сочетать табличность с иерархичностью. И да, простите за кликбейтный заголовок. Хотя реализация доступности таблиц в современных браузерах. Судя по всему. Тоже… та еще зараза:)

P.S. Это тоже может быть интересно:

Читайте так же:

  • Автоматическое наполнение сайтаАвтоматическое наполнение сайта Устаревшее действие. Вместо этого используйте CEF Fill Web Form Данное действие предназначено для автоматизации заполнения веб-форм. Конечно, вы можете автоматизировать заполнение форм с помощью отправить нажатияклавишдействий мыши. Но, к сожалению. Это гораздо сложнее и ненадежнее. […]
  • Сайт для скачивания текста с фото Поддерживаемые форматы Программное обеспечение Visual Watermark поддерживает форматы изображений JPEG, PNG, TIFF, GIF и BMP. Поддерживаются RGB, CMYK 8bit и цветные управляемые изображения. Изображения с водяными знаками сохраняются в цветовом пространстве RGB. Приложение […]
  • Водосточная система кровли: 5 советов по выборуВодосточная система кровли: 5 советов по выбору Вода камень точит. Так часто слышим это выражение, что уже, наверное, и не задумываемся о его значении. Вода может быть нашим другом и стать злейшим врагом, если вести себя неграмотно. Речь идет о дождевой и талой воде, которая, стекая с крыш, может разрушать стены и фундамент, […]
  • Игровому бренду MY.GAMES исполнилось 2 годаИгровому бренду MY.GAMES исполнилось 2 года Принадлежащий Mail.ru Group игровой бренд MY.GAMES отмечает годовщину – 30 мая ему исполнилось 2 года. Ровно два года назад Mail.ru Group объединила все игровые проекты компании в России и за рубежом (выходящие под брендом Mail.ru Group и брендом My.com) в единый глобальный бренд […]