Um resumo de todos os principais anúncios da Chrome Dev Summit 2021, com os links necessários para saber mais.
Esta postagem resume todos os principais anúncios do Chrome Dev Summit 2021, com os links necessários para saber mais.
Tornar a Web mais interoperável
A compatibilidade com a Web é um dos maiores desafios para desenvolvedores da Web. Por isso, o Google tem trabalhado com outros fornecedores de navegadores para corrigir os cinco principais problemas de compatibilidade: flexbox, grid, position: sticky, aspect-ratio e transformações.
O trabalho já resultou em melhorias nessas áreas principais. Leia sobre elas na atualização de meio de ano do Compat 2021.
Permitir que novas classes de aplicativos sejam executadas na Web
O Projeto Fugu (em inglês) é uma iniciativa que visa permitir novas classes de aplicativos na Web. Você pode acompanhar o progresso das APIs Fugu em fugu-tracker.web.app.
A Adobe anunciou recentemente que vai lançar o Photoshop para a Web, o que foi possível graças à colaboração entre a Adobe, o Google e organizações de padrões da Web. Saiba mais na postagem A jornada do Photoshop para a Web.
Garantir a privacidade
Muitas funções comuns da Web dependem de cookies de terceiros e outros mecanismos de rastreamento entre sites que não foram projetados com foco na privacidade, dificultando que os desenvolvedores atendam à crescente necessidade de privacidade.
Estamos trabalhando com a comunidade da Web e partes interessadas do setor para desenvolver novas tecnologias de preservação da privacidade que apoiem o ecossistema, com o objetivo de encerrar gradualmente os cookies de terceiros e reduzir o rastreamento oculto e o fingerprinting do navegador.
Saiba mais sobre esse trabalho 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 os detalhes de teste das mudanças na string de user agent.
Melhorar as Core Web Vitals
Estamos trabalhando com os desenvolvedores de frameworks JavaScript populares para melhorar as Core Web Vitals. Como parte desse trabalho, identificamos duas novas métricas e gostaríamos de receber seu feedback sobre elas. Leia sobre a capacidade de resposta geral e a fluidez e compartilhe sua opinião.
Também foi anunciada uma versão atualizada do PageSpeed Insights, um novo painel de gravador para o Chrome DevTools, disponível no momento no Canary, e uma nova API de fluxo de usuários para o Lighthouse.
Ativar novos recursos da plataforma da Web
O RenderingNG é uma refatoração ambiciosa do mecanismo de renderização do Chromium, um projeto que está corrigindo bugs antigos no Chrome e também desbloqueando novos recursos. Isso inclui um recurso que tem sido o mais pedido por desenvolvedores da Web há muitos anos: as consultas de contêiner.
As consultas de contêiner são familiares para quem já usou uma consulta de mídia para criar um design responsivo.
No entanto, em vez de consultar o tamanho da janela de visualização, eles permitem consultar o tamanho do contêiner em que o componente está.
O Google está trabalhando em uma implementação de teste da especificação emergente, por trás da flag #enable-container-queries no Chrome.
Leia uma postagem do blog sobre o RenderingNG em detalhes ou assista este vídeo para conferir todos os detalhes importantes de como esse trabalho permite a implementação de recursos que antes eram considerados impossíveis.
Ajudar você a criar sites responsivos e bonitos
O novo design responsivo é muito mais do que apenas o tamanho da tela ou do contêiner. Saiba como criar sites responsivos modernos no curso Learn Design. Os cinco primeiros módulos serão lançados hoje, e o restante será publicado nas próximas semanas.
Novas propriedades CSS foram lançadas no Chrome e em 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. Eles oferecem um ponto de partida robusto para muitos padrões de interface comuns.
Oferecer cursos para ajudar você a aprender tecnologia da Web
Além do Learn Design, estamos lançando novos módulos para o Learn 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 do Learn PWA (em inglês).