Um resumo de todos os principais anúncios da Chrome Dev Summit 2021, com os links necessários para saber mais.
Esta postagem reúne 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á levou a melhorias nessas áreas-chave. Leia sobre elas na atualização de compatibilidade do meio do ano de 2021.
Permitir que novas classes de aplicativos sejam executadas na Web
O Project Fugu é um esforço que visa permitir novas classes de aplicativos para a Web. Confira o progresso das APIs Fugu em fugu-tracker.web.app.
Recentemente, a Adobe anunciou que está trazendo o Photoshop para a Web, uma façanha possível graças à colaboração entre a Adobe, o Google e as 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 privacidade em mente, dificultando a tarefa dos desenvolvedores de atender à crescente necessidade de privacidade.
Estamos trabalhando com a comunidade da Web e as partes interessadas do setor para desenvolver novas tecnologias de preservação da privacidade que ofereçam suporte ao ecossistema, com o objetivo de eliminar gradualmente os cookies de terceiros e reduzir o rastreamento oculto e a 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 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
Estamos trabalhando com os desenvolvedores de frameworks JavaScript conhecidos para melhorar as Core Web Vitals. Como parte desse trabalho, identificamos duas novas métricas sobre as quais gostaríamos de receber seu feedback. Leia sobre a resposta geral e a fluidez e conte o que você achou.
Também foi anunciada uma versão atualizada do PageSpeed Insights, um novo painel de gravação para o Chrome DevTools, disponível atualmente no Canary, e uma nova API de fluxo de usuários para o Lighthouse.
Ativar novos recursos da plataforma da Web
O RenderingNG é uma refactoring 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 parecem familiares para quem já usou uma consulta de mídia para criar um design responsivo.
No entanto, ao consultar o tamanho da viewport, elas 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 em desenvolvimento, por trás da flag #enable-container-queries no Chrome.
Leia uma postagem do blog sobre RenderingNG em detalhes ou assista este vídeo para conferir 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. Aprenda a criar sites responsivos modernos no nosso curso Aprenda design. Os cinco primeiros módulos serão lançados hoje, e os demais serão publicados 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 os novos CSS, lançamos um conjunto de padrões de layout. Eles vão servir como um ponto de partida robusto para muitos padrões de interface comuns.
Oferecer cursos para ajudar você a aprender sobre tecnologia da Web
Além do Design, estamos lançando novos módulos para o curso de CSS, nosso curso completo de CSS lançado no início deste ano.
Também desenvolvemos um curso completo para ajudar você a projetar formulários funcionais e acessíveis: Aprenda sobre formulários. Além desses cursos, você pode encontrar os primeiros módulos de Aprenda sobre PWA.