Первая официальная распаковка и демонстрация возможностей Huawei P50 Pro

Только что компания Huawei официально представила свои новая флагманские смартфоны Huawei P50 и P50 Pro. Которые получили новый для этой серии дизайн и современные технологии изображения в камере.

Сразу после презентации компания Huawei опубликовала официальную распаковку смартфона Huawei P50 Pro, в которой нам демонстрируют сам смартфон, работающий под управлением операционной системы Harmony OS 2.0, и напоминают его характеристики. А также показывают возможности камеры на разных примерах.

Первая официальная распаковка и демонстрация возможностей Huawei P50 Pro

Напомним, Huawei P50 Pro оснащен изогнутым 6,6-дюймовым OLED-дисплеем разрешением 1225 x 2700 пикселей. Это панель с поддержкой HDR, частотой обновления изображения 120 Гц и частотой дискретизации сенсорного экрана 300 Гц.

Huawei P50 Pro выйдет в двух версиях (с Kirin 9000 и Snapdragon 888). Обе версии поддерживают только подключение 4G, несмотря на то, что эти платформы поддерживают 5G. Глава HUAWEI Consumer Business Group уже объяснил, что причина заключается в американских санкциях. Он добавил, что 4G и WiFi 6+ достаточно для большинства сценариев использования.

Huawei P50 Pro получил главную 50-мегапиксельную камеру, черно-белый датчик разрешением 40 Мп, 13-мегапиксельную широкоугольную камеру, а также перископную камеру внушительным разрешением 64 Мп.

Все подробности о характеристиках Huawei P50 Pro вы найдёте в нашем анонсе.

Компания Honor официально опровергла слухи о том. Что она не получила лицензию от Google на использование приложений и сервисов американской компании в своих новых смартфонах.

Отсутствие у Honor лицензии на Android — это ложная информация.

Honor

На выходных китайские источники заявили. Что компания до сих пор не получила лицензию на Android и не может использовать сервисы Google. Ранее компания уже намекала, что в смартфонах Honor появятся сервисы Google. Теперь же Honor по сути подтвердила это.

«Отсутствие у Honor лицензии на Android — это ложь», — Honor опровергла слухи

В прошлом году китайский технологический гигант Huawei продал свой суббренд Honor компании Zhixin New Information Technology Co. Ltd., которая представляет собой консорциум из более чем 30 компаний. Вскоре после того. Как Honor стала независимой. Компания начала укреплять цепочку поставок и налаживать партнерские отношения с поставщиками по всему миру.

При этом компания сохранила команду из более чем 8000 человек. Которые работают в разных подразделениях. Включая исследования и разработки. Продажи, маркетинг. Закупки и производство.

Не секрет. Что в последние годы веб развивается крайне стремительно. Периодически выходят новые библиотеки, фреймворки и другие полезные для нас инструменты. Всё это безусловно помогает нам решать повседневные задачи. Но в погоне за популярными новинками мы совсем не обращаем внимание на истоки. Многие начинающие разработчики начинают знакомство с кодом именно с инструментов, а не с фундаментальных вещей. Обычно это связывают с тем. Что сегодня подавляющее большинство вакансий для фронтенд-разработчиков напичканы «модными» и «хайповыми» словечками вроде «React». «Vue». «styled-components». И множеством других. Поэтому разработчикам важно изучать именно эти вещи, чтобы не остаться без работы. Но разве причина только в этом? Именно поэтому разработчикам не важны основы? Думаю, что только отчасти.

А в чём, собственно. Проблема. И она точно есть?

Недавно я послушал очередной выпуск «Веб-стандартов» — одного из моих любимых русскоязычных подкастов. В данном контексте меня заинтересовал раздел «Video как picture», в котором обсуждалась новость о том. Как компания «Filament Group» (студия. Которая занимается дизайном и фронтенд-разработкой) предложила идею, чтобы элемент <source> со всеми его атрибутами точно так же работал внутри элемента <video>, как он сейчас работают в элементе <picture>. Напомню, что на данный момент такие атрибуты элемента <source>, как media, srcset и sizes, поддерживаются в браузерах только для элемента <source>. Который находится в элементе <picture>. Послушайте эту часть подкаста, чтобы лучше понимать, о чём речь.

Так вот, мнения ведущих разделились. Вадим посчитал, что крайне важно, чтобы эта идея была реализована. И что это будет очень здорово для разработчиков в целом. Другой же ведущий, Никита, тоже не был против внедрения этого предложения (да, повторюсь, что Никита не был против. Если кто-то так подумал!). Но при этом утверждал. Что это фактически не отменит того. Что разработчики скорее всего всё равно продолжат пользоваться уже готовыми решениями. Например, тот же YouTube предоставляет хороший и проверенный инструмент для этого дела.

Честно сказать, я разделяю мнение Никиты. Хотя всеми руками и ногами всегда выступаю за внедрение новых нативных возможностей в браузерах. Дело в том, что, на мой взгляд, проблема всё же есть, и она заключается в том. Что новые спецификации W3C и других подобных организаций появляются намного реже. Чем новые инструменты для разработчиков. И разница в скорости просто колоссальная — примерно, как между человеком и гепардом. Веб-стандарты просто чисто физически не могут поспевать за всеми новинками. Ведь чтобы внедрить даже хотя бы какую-то мелочь. Спецификациям нужно пройти очень долгий и муторный путь — от первого публичного черновика до рекомендации, и в целом. Внедрения во все браузеры. Понятно, что последнее время ситуация улучшилась и нативные вещи выходят чаще, чем, скажем, десять лет назад. Но тем не менее, угнаться за «новизной» им крайне сложно.

Поэтому, поскольку инструменты уходят вперёд с большим отрывом, то компании. А следовательно и их сотрудники выбирают именно их. А когда подтягиваются веб-стандарты, то они уже попросту никому не нужны. Потому что инструменты уже хорошо работают и приносят прибыль. Да и сами инструменты, к тому же, тоже развиваются и становятся всё более удобными и практичными. Взять тот же пример выше с предложением по элементу <source> и решением от YouTube: последнее уже внедрено в тысячи сайтов и какие бы спецификации не выходили. Мало кто будет выпиливать уже рабочее и удобное решение по понятным причинам бизнеса. Это сегодняшние реалии и их приходится принимать.

К примеру, многие полагают, что всеми любимая библиотека jQuery ушла на покой, потому что вышел «Стандарт ES-2015», но это не совсем так. Потому что, на самом деле, появились всякие React, Vue, Angular, и т.д. Мы шагнули в эпоху веб-компонентов. Изменились мышление и подход, в которые jQuery со своей философией уже не вписывалась. То есть по факту произошла просто смена одного инструмента на другой, а не смена одного инструмента на нативный. Поэтому, далеко не факт, что, если бы не появились все эти новые библиотеки и фреймворки. То мы бы все ринулись писать на ванильном JavaScript. Отказавшись от такой мощной и удобной библиотеки jQuery. Которая имеет богатейший функционал. Удобный API. Абсолютную кроссбраузерность. Поддержку Internet Explorer и кучу других плюшек. Мне даже почему-то кажется, что jQuery ещё могла бы задать жару, выпустив следующие версии библиотеки. Но судьба сложилась иначе 😉

Так что, пока в мире ворчит один Вадим Виллабаджо моют посуду, в Вилларибо уже давно пилят фичи и тратят монетки 🙂

Что могут дать эти ваши веб-стандарты?

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

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

А поисковики? Не стоит забывать, что код, который следует веб-стандартам. Намного лучше индексируется поисковиками благодаря своей чистоте и прямому назначению. Во многих библиотеках, к сожалению, очень много лишнего, поскольку акцент в них делается на результат. А не на качество кода. Чем меньше кода и зависимостей, тем быстрее грузится ваш сайт. А значит поисковые роботы будут к вам более дружелюбными. Хорошая индексация в поисковых системах позволит клиентам вашей компании быстрее о вас узнать. А следовательно воспользоваться вашими услугами. А это по идее важно, так ведь?

И не забывайте про веб-доступность! Многие не придают ей значения, что очень зря. Поскольку это ограничивает доступ к сайту потенциальным пользователям — людям с ограниченными возможностями. Которые также могут стать вашими клиентами. Дело в том. Что большинство инструментов пренебрегают доступностью, считая её лишней тратой времени и сил (что, кстати. Тоже отрицательно влияет на поисковую выдачу). Особенно такое грустно видеть в каких-нибудь ui-kit-ах или больших библиотеках ui-компонентов. Да, и в конце концов, подумайте о людях, которые не получают доступ к нужной им информации!

И это только часть полезных вещей, которые приносят с собой веб-стандарты!

Примеры из реальной жизни

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

1. Masonry-раскладка

Пару лет назад я делал один учебный проект на React.js, где задействовал очень классную библиотеку для создания «Masonry-раскладки» (она же «плиточная верстка». «раскладка кирпичиками», и т.д). Чтобы она заработала в React.js, я воспользовался специальным компонентом «react-masonry-component», который как раз и использует эту библиотеку «под капотом». До недавнего времени задачу «Masonry-раскладки» нельзя было решить нативными средствами (хотя идеи по реализации поступали). В 2020 году появилось предложение добавить возможности Masonry в грид-раскладку. Которое затем вошло в черновик CSS-гридов 3 уровня, а его экспериментальную реализацию уже можно пощупать в Firefox за флагом.

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

Вот пример кода Masonry-раскладки, которую создана библиотекой:

В коде видно несколько плохих вещей, которые сходу бросаются в глаза:

  • Код грязненький (бывает и хуже, но всё же)
  • Контейнеру задана фиксированная высота
  • Элементам контейнера установлен position: absolute, что «вырывает» их из потока
  • Также каждому элементу контейнера заданы свои отступы с помощью свойств left и right
  • И всё это пересчитывается по каждому «чиху», а значит, чем больше элементов. Тем медленнее скорость из-за всех этих перерасчётов.
  • В проект подключается лишние зависимости, а следовательно бандл проекта растёт и собирается медленнее.

А вот скриншот той же Masonry-раскладки, но которая реализована уже нативным способом:

И вот разница:

  • Абсолютно чистый код, ничего лишнего от слова совсем
  • Никаких зависимостей
  • Управление в одном месте: чтобы всё работало, достаточно одной строки кода, выставленной контейнеру: grid: masonry
  • Всё работает нативно, плавно, при выключенном интернете и просто по умолчанию, без костылей и лишнего кода.

По-моему, разница вполне ощутима, не так ли?

2. CSS Scroll Snapping

Те, кто занимается веб-разработкой уже долгие годы, прекрасно помнят всё это множество обалденных jQuery-плагинов, которые помогали нам делать крутые анимационные сайты со скроллингом с поддержкой навигации по элементам. Все эти незабываемые карусели, слайдеры, адаптивные галереи… ох, нам есть что вспомнить 🙂

И вот, благодаря CSS-спецификации CSS Scroll Snap Module Level 1 и её отличной поддержке в браузерах мы можем забыть о всех этих библиотеках. Поскольку теперь это работает в браузере стандартно.

Я не буду демонстрировать разницу в коде между браузерной и библиотечной реализацией, она примерно такая же. Как и в случае с Masonry-раскладкой. Те же плюсы/минусы. Я просто покажу живой пример с CSS Scroll Snapping, где невооруженным глазом видно, как просто. Изящно и невероятно плавно всё это работает:

See the Pen
Scroll-snap-type «Mandatory» vs «Proximity»
by Максим (@psywalker)
on CodePen.

И всё это снова достигается одной строкой кода: scroll-snap-type: y mandatory.

3. Colorpicker (пипетка)

А Colorpicker-ы? Помните, сколько раз мы подключали всякие jQuery-скрипты и -плагины (и делаем это до сих пор!). Чтобы получить возможность выбирать цвет с помощью визуального интерфейса. А сколько дополнительного JavaScript-кода мы писали, чтобы всё это правильно преобразовывалось и подставлялось. Куда и как нам нужно? Не хочу никого расстраивать, но открою секрет. Что того же самого можно достичь с помощью элемента input с типом color. И это всё, что требуется! То есть, оно просто работает без всяких лишних инструментов и кода, представляете?

О чём это говорит? О том. Что мы совсем не смотрим по сторонам и готовы жертвовать красотой. Простотой и гибкостью кода ради привычных и популярных вещей.

4, 5, 6… бесконечность

Можно привести ещё множество наглядных примеров, но суть от этого не поменяется. Вряд ли это повлияют на ситуацию. Но я был бы безумно рад. Если бы мы хотя бы задумались обо всём этом. Ведь тогда это будет. Хоть и маленькая. Но всё же победа!

Что дальше?

А дальше либо всё так же ничего. Либо светлое. Как чистый код, будущее. Выбор за каждым из нас. Со своей же стороны могу предположить, что, чтобы дело сдвинулось с мёртвой точки, нужна здравая пропаганда. В первую очередь, люди должны осознавать всю пользу и ценность веб-стандартов, заявлять и говорить о них. Можно рассказывать о них в своих компаниях, статьях. Докладах и встречах. Объяснять выгоду. Которую они могут принести бизнесу.

В том же подкасте «Веб-стандарты» ведущий Вадим Макеев часто рассказывает о преимуществах веб-стандартов. Приводит отличные примеры из жизни и обоснованно ворчит на тех. Кто не следует этим вещам. А также Вадим делает крайне познавательные доклады и в своё время даже организовывал целые конференции на эту тему. За что надо отдать должное этому человеку!

Или, к примеру. Взять моего горячо любимого друга и соавтора css-live.ru Илью Стрельцына. Этот парень постоянно следит за гитхабом Рабочей группы по CSS и время от времени активно участвует в обсуждении новинок. Предлагает свои идеи. Помогает исправлять ошибки в спецификациях. Часто вместе с Софией Валитовой они копаются в дебрях спецификаций. Чтобы потом вычленить оттуда самые важные вещи и поделиться ими с нами. Кстати, у Софии даже есть свой блог на чистом HTML!

Все они обычные ребята. Как и мы с вами. И они не одни. Есть ещё много людей с горящими глазами. Которые прекрасно понимают. Какую важную роль в нашей жизни играют веб-стандарты! Ведь, чтобы быть впереди веба. Веб-стандартам нужно бежать в два раза быстрее. Но только мы можем присоединиться к ним и помочь ускорить этот процесс!

Отдельное спасибо Илье Стрельцыну за вычитку и редактуру этой статьи.

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

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

  • Новости интернет-рекламы за январь-февраль 2021 годаНовости интернет-рекламы за январь-февраль 2021 года Возможность отключать показы на всех площадках. Приостановка интеграции Google Analytics с YouTube-каналами. Новые технологии для работы с рекламой взамен сторонних cookie — какие еще изменения произошли в digital за январь-февраль 2021 года? Эксперты компании Registratura, входящей в […]
  • WordPress может начать блокировать Google FLoCWordPress может начать блокировать Google FLoC Один из разработчиков WordPress Core выдвинул предложение о блокировке по умолчанию спорной технологии FLoC от Google, призванной составить замену third-party cookies. Для этого предлагается помечать ее как проблему безопасности –  на данном этапе. «WordPress поддерживает примерно […]
  • Наполнение сайта статьями автоматНаполнение сайта статьями автомат Как гражданин интернета. Вы часто вводите повторяющуюся информацию о себе в формы. Каждый раз. Когда вы регистрируетесь на новом веб-сайте с вашим адресом электронной почты или именем пользователя. Вводите свой адрес доставки или вводите данные своей кредитной карты для покупок. Вы […]
  • Кто занимается наполнением сайта должностьКто занимается наполнением сайта должность Я похож на оленя в свете фар, когда вижу заполненный пробел в Facebook. Я всегда чувствую себя обязанным ответить! И, к счастью для администраторов страниц Facebook, я не единственный. Поклонники страниц big & small, кажется, имеют тот же ответ, что и я. Они не могут не оставить […]