A Microsoft e o Google estão se unindo para ajudar os desenvolvedores da web, estabelecendo a compatibilidade de um site em todos os navegadores. O principal ponto problemático dos desenvolvedores da Web é a compatibilidade de seus sites entre os navegadores. E, com esta parceria – chamada # Compat2021 – a Microsoft e o Google pretendem resolver cinco problemas principais de compatibilidade de navegador: CSS Flexbox, CSS Grid, posição: sticky, proporção e transformações CSS. Eles também estão convidando os desenvolvedores da Web a contribuir para a causa.
O desenvolvimento mais recente vem de um tweet dos desenvolvedores do Chrome, que revelou que a Microsoft e o Google estão unindo forças no Projeto # Compat2021. Eles trabalharão para resolver os principais problemas enfrentados pelos desenvolvedores da Web em relação à compatibilidade entre navegadores. O Google diz que coletou informações por meio de um projeto do Google chamado Web Developer Satisfaction, ou DevSAT, que revelou cinco problemas principais. Pesquisas adicionais foram feitas em vários canais, como as pesquisas State of CSS e State of JS. A empresa diz que a meta em 2021 é eliminar os problemas de compatibilidade do navegador em cinco áreas de foco principais para ajudar os desenvolvedores a construir seus sites em bases confiáveis.
CSS Flexbox é uma ferramenta que ajuda os desenvolvedores a alinhar imagens em suas páginas da web. O problema é a função de alinhamento automático que não funciona bem. Como resultado, as imagens são proporcionadas incorretamente em navegadores diferentes. Quanto ao CSS Grid, uma melhoria ajudaria a criar layouts de grade animados no Chromium e WebKit, pois o Gecko já oferece suporte a esse recurso. Além disso, CSS position: sticky ajuda a colocar e corrigir o conteúdo na página da web. Melhorar isso traria consistência entre os navegadores.
O Google também afirma que a parceria visa corrigir a proporção da imagem para manter uma proporção consistente entre altura e largura para vários elementos. Além disso, uma melhoria nas transformações CSS ajudará na consistência nos efeitos 3D e na animação em diferentes navegadores. Haverá atualizações regulares sobre o progresso aqui no web.dev e você também pode acompanhar o progresso de cada área de foco no Compat 2021 Dashboard.
