This post rounds up all the key announcements from the 2021 Chrome Dev Summit, with the links you need to find out more.
Make the web more interoperable #
Web compatibility is one of the biggest challenges for web developers, and so Google has been working with other browser vendors to fix the top five compatibility pain points: flexbox, grid,
aspect-ratio, and transforms.
The work has already led to improvements in these key areas. You can read about those in the Compat 2021 mid-year update.
The Microsoft Edge team took on the work of rewriting CSS grid layout as part of the Compat 2021 effort. You can read about their work in the post Compat2021: Improving CSS Grid compatibility with GridNG.
Allow new classes of applications to run on the web #
Adobe recently announced that they are bringing Photoshop to the web, a feat made possible by collaboration between Adobe, Google, and web standards organizations. Find out more in the post Photoshop's journey to the web.
Ensure privacy #
Many common web functions rely on third-party cookies and other cross-site tracking mechanisms that weren’t designed with privacy in mind, making it difficult for developers to meet the growing need for privacy.
We are working with the web community and industry stakeholders to develop new privacy-preserving technologies to support the ecosystem, with the aim to phase out third-party cookies and reduce covert tracking and browser fingerprinting.
Find out about this work on the Privacy Sandbox site. We also have information and guides to the proposals for developers, a monthly update or changes and progress, and information on the timeline and testing details for changes to the user-agent string.
Improve Core Web Vitals #
Enable new web platform features #
RenderingNG is an ambitious refactoring of Chromium's rendering engine, a project that is fixing long standing bugs in Chrome, and also unlocking new features. This includes one feature that has been the top request from web developers for many years—container queries.
Container queries look familiar to anyone who has ever used a media query to create a responsive design. However, inside of querying the viewport size, they allow you to query the size of the container your component is in. Google has been working on a trial implementation of the emerging specification, behind the
#enable-container-queries flag in Chrome.
Help you to create beautiful and responsive sites #
The new responsive design is so much more than just screen—or container—size. You can learn how to create modern responsive sites in our course Learn Design. The first five modules launch today, the rest will be posted over the coming weeks.
To help you quickly take advantage of new CSS, we have launched a set of layout patterns. These will give you a robust starting point for many common interface patterns.
Provide courses to help you learn web technology #
In addition to Learn Design, we are launching new modules for Learn CSS, our comprehensive CSS course launched earlier this year.