Resumo de todos os principais anúncios da Conferência de Desenvolvedores do Chrome 2021, com links para mais informações.
Esta postagem resume todos os principais anúncios da Conferência de Desenvolvedores do Chrome 2021, com os links necessários para mais informações.
Tornar a Web mais interoperável
A compatibilidade com a Web é um dos maiores desafios para desenvolvedores da Web.
Por isso, o Google está trabalhando com outros fornecedores de navegador para corrigir os cinco principais problemas de compatibilidade:
flexbox,
grid,
position: sticky,
aspect-ratio
e transforms.
O trabalho já possibilitou melhorias nessas áreas essenciais. Saiba mais na atualização de meados do ano do Compat 2021.
Permitir que novas classes de aplicativos sejam executadas na Web
O Projeto Fugu é uma iniciativa que visa permitir novas classes de aplicativos na Web. Acompanhe o progresso das APIs Fugu em fugu-tracker.web.app.
A Adobe anunciou recentemente que está trazendo o Photoshop à Web, um feito 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 até a Web.
Garanta a privacidade
Muitas funções da Web comuns dependem de cookies de terceiros e outros mecanismos de rastreamento entre sites que não foram criados pensando na privacidade. Dessa forma, os desenvolvedores têm dificuldade para atender à crescente necessidade de privacidade.
Estamos trabalhando com a comunidade da Web e as partes interessadas do setor para desenvolver novas tecnologias que preservam a privacidade e apoiam 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 esse trabalho no site do Sandbox de privacidade. Também temos informações e guias sobre as propostas para desenvolvedores, uma atualização ou mudanças e progresso mensal e informações sobre o cronograma e detalhes do 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 geral e suavidade e nos conte o que achou.
Também anunciamos uma versão atualizada do PageSpeed Insights, um novo Painel do Gravador para Chrome DevTools, atualmente disponível 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 corrige bugs antigos no Chrome e também desbloqueia novos recursos. Isso inclui um recurso que tem sido a principal solicitação dos 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, na 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 uma implementação de teste da especificação emergente, por trás da sinalização #enable-container-queries no Chrome.
Leia uma postagem do blog que aborda RenderNG em detalhes ou assista este vídeo para saber todos os detalhes importantes de como esse trabalho desbloqueia 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 Aprenda design. Os primeiros cinco módulos serão lançados hoje. Os demais serão postados nas próximas semanas.
Novas propriedades CSS chegaram ao 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. Eles oferecerão um ponto de partida robusto para muitos padrões de interface comuns.
Fornece cursos para aprender sobre tecnologia da Web
Além do curso "Aprenda a criar", estamos lançando novos módulos para Aprender sobre 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: o Aprenda formulários. Junto com estes cursos, você encontra os primeiros módulos do Aprenda a usar o PWA.