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