Сводка всех ключевых анонсов Chrome Dev Summit 2021 со ссылками, по которым можно узнать больше.
В этом посте собраны все ключевые объявления с саммита разработчиков Chrome 2021 года, а также ссылки, по которым можно узнать больше.
Сделайте Интернет более совместимым
Веб-совместимость — одна из самых больших проблем для веб-разработчиков, поэтому Google работает с другими поставщиками браузеров, чтобы исправить пять основных проблем совместимости: flexbox , сетка , position: sticky , aspect-ratio и преобразования .
Эта работа уже привела к улучшениям в этих ключевых областях. Вы можете прочитать о них в полугодовом обновлении Compat 2021 .
Разрешить запуск новых классов приложений в Интернете
Project Fugu — это попытка предоставить доступ к сети новым классам приложений. Вы можете быть в курсе прогресса в работе API Fugu на сайте fugu-tracker.web.app .
Adobe недавно объявила, что выводит Photoshop в Интернет, что стало возможным благодаря сотрудничеству Adobe, Google и организаций по веб-стандартам. Узнайте больше в статье «Путешествие Photoshop в Интернет» .
Обеспечьте конфиденциальность
Многие распространенные веб-функции полагаются на сторонние файлы cookie и другие механизмы межсайтового отслеживания, которые не были разработаны с учетом конфиденциальности, что затрудняет разработчикам удовлетворение растущей потребности в конфиденциальности.
Мы работаем с веб-сообществом и заинтересованными сторонами отрасли над разработкой новых технологий сохранения конфиденциальности для поддержки экосистемы с целью постепенного отказа от сторонних файлов cookie и уменьшения скрытого отслеживания и снятия отпечатков пальцев браузера.
Узнайте об этой работе на сайте Privacy Sandbox . У нас также есть информация и руководства по предложениям для разработчиков , ежемесячному обновлению или изменениям и прогрессу , а также информация о сроках и деталях тестирования изменений в строке пользовательского агента .
Улучшите основные веб-показатели
Мы работаем с разработчиками популярных фреймворков JavaScript над улучшением основных веб-показателей и в рамках этой работы определили два новых показателя, о которых мы будем рады вашим отзывам. Прочтите об общей отзывчивости и плавности работы , а затем сообщите нам свое мнение.
Также анонсирована обновленная версия PageSpeed Insights , новая панель рекордера для Chrome DevTools , в настоящее время доступная в Canary, и новый API пользовательского потока для Lighthouse .
Включите новые функции веб-платформы
RenderingNG — это амбициозный рефакторинг движка рендеринга Chromium, проект, который исправляет давние ошибки в Chrome, а также открывает новые функции. Сюда входит одна функция, которая уже много лет пользуется наибольшим спросом у веб-разработчиков — контейнерные запросы .
Контейнерные запросы кажутся знакомыми каждому, кто когда-либо использовал медиа-запрос для создания адаптивного дизайна. Однако внутри запроса размера области просмотра они позволяют вам узнать размер контейнера, в котором находится ваш компонент. Google работает над пробной реализацией новой спецификации за флагом #enable-container-queries в Chrome.
Прочтите сообщение в блоге , подробно описывающее RenderingNG , или посмотрите это видео, чтобы узнать все ключевые подробности о том, как эта работа открывает возможности для реализации функций, которые когда-то считались невозможными.
Поможем вам создавать красивые и адаптивные сайты
Новый адаптивный дизайн — это нечто большее, чем просто размер экрана или контейнера. Научиться создавать современные адаптивные сайты вы можете на нашем курсе Learn Design . Первые пять модулей будут запущены сегодня, остальные будут опубликованы в ближайшие недели.
В этом году в Chrome и других браузерах появились новые свойства CSS, которые упрощают создание красивых интерфейсов. Узнайте больше об accent-color и size-adjust .
Чтобы помочь вам быстро воспользоваться преимуществами нового CSS, мы запустили набор шаблонов макетов . Это даст вам надежную отправную точку для многих распространенных шаблонов интерфейса.
Предоставлять курсы, которые помогут вам изучить веб-технологии
В дополнение к Learn Design мы запускаем новые модули Learn CSS , нашего комплексного курса CSS, запущенного ранее в этом году.
Мы также разработали полный курс, который поможет вам создавать функциональные и доступные формы — Learn Forms . Наряду с этими курсами вы можете найти несколько первых модулей Learn PWA .