Tudo do anúncio na Conferência de Desenvolvedores Chrome 2021

Um resumo de todos os anúncios importantes da Conferência de Desenvolvedores Chrome 2021, com os links para saber mais.

Esta postagem resume todos os principais anúncios da Chrome Dev Summit 2021, com os links para saber mais.

Tornar a Web mais interoperável

A compatibilidade com a Web é um dos maiores desafios para os desenvolvedores Web. Por isso, o Google está trabalhando com outros fornecedores de navegadores para corrigir os cinco principais problemas de compatibilidade: flexbox, grid, position: sticky, aspect-ratio e transforms.

O trabalho já levou a melhorias nessas áreas-chave. Você pode ler mais sobre isso na atualização de meio de ano da compatibilidade com 2021.

Permitir que novas classes de aplicativos sejam executadas na Web

O Projeto Fugu é uma iniciativa que visa permitir novas classes de aplicativos à Web. Acompanhe o progresso das APIs do Fugu em fugu-tracker.web.app.

A Adobe anunciou recentemente que está trazendo o Photoshop para a Web, um feito possibilitado pela colaboração entre a Adobe, o Google e organizações de padrões da Web. Saiba mais na postagem Jornada do Photoshop pela Web.

Garantir a privacidade

Muitas funções comuns da Web dependem de cookies de terceiros e de outros mecanismos de rastreamento entre sites que não foram projetados com a privacidade em mente, o que dificulta que os desenvolvedores atendam à necessidade crescente de privacidade.

Estamos trabalhando com a comunidade da Web e as partes interessadas do setor para desenvolver novas tecnologias de preservação de privacidade que apoiem o ecossistema, com o objetivo de eliminar os cookies de terceiros e reduzir o rastreamento oculto e as técnicas de impressão digital do navegador.

Saiba mais sobre isso no site do Sandbox de privacidade. Também temos informações e guias sobre as propostas para desenvolvedores, uma atualização mensal ou mudanças e progresso e informações sobre o cronograma e detalhes de teste para mudanças na string do user agent.

Melhorar as Core Web Vitals

Trabalhamos com desenvolvedores de frameworks JavaScript conhecidos para melhorar as Core Web Vitals e, como parte desse trabalho, identificamos duas novas métricas sobre as quais gostaríamos de receber seu feedback. Leia sobre capacidade de resposta geral e suavidade e nos conte o que você achou.

Também anunciamos uma versão atualizada do PageSpeed Insights, um novo Painel do Gravador para o Chrome DevTools (link em inglês), atualmente disponível no Canary, e uma nova API de fluxo do usuário para o Lighthouse.

Ativar novos recursos da plataforma Web

O RenderingNG é uma refatoração ambiciosa do mecanismo de renderização do Chromium, um projeto que corrige bugs antigos do Chrome e também desbloqueia novos recursos. Isso inclui um recurso que tem sido a principal solicitação de desenvolvedores Web há muitos anos: as consultas de contêiner.

Qualquer pessoa que já usou uma consulta de mídia para criar um design responsivo as consultas de contêiner são familiares. No entanto, dentro da consulta do tamanho da janela de visualização, elas permitem que você consulte o tamanho do contêiner em que seu componente está. O Google está trabalhando em um teste de implementação da especificação emergente, por trás da flag #enable-container-queries no Chrome.

Leia uma postagem do blog sobre RenderingNG em detalhes ou assista este vídeo (em inglês) para saber todos os principais detalhes de como esse trabalho possibilita a implementação de recursos que antes eram considerados impossíveis.

Ajudar você a criar sites bonitos e responsivos

O novo design responsivo é muito mais do que apenas o tamanho da tela ou do contêiner. Você pode aprender a criar sites responsivos modernos no nosso curso Learn Design. Os primeiros cinco módulos são lançados hoje. O restante será postado nas próximas semanas.

Novas propriedades CSS foram lançadas para o Chrome e outros navegadores este ano para facilitar a criação de experiências incríveis. Saiba mais sobre accent-color e size-adjust.

Para ajudar você a aproveitar rapidamente o novo CSS, lançamos um conjunto de padrões de layout. Elas serão um ponto de partida robusto para muitos padrões comuns de interface.

Fornecer cursos para ajudar você a aprender tecnologia da Web

Além do Learn Design, estamos lançando novos módulos para Conheça o CSS, nosso curso abrangente de CSS lançado no início deste ano.

Também desenvolvemos um curso completo para ajudar você a criar formulários funcionais e acessíveis: Aprenda a usar o Formulários. Além desses cursos, você encontra os primeiros módulos de Aprenda sobre o PWA.