O Microsoft Edge tem o prazer de, mais uma vez, juntar-se à Apple, Mozilla, Google, Bocoup e Igalia no proclamação do lançamento do Interop 2024.
Esta é uma prolongamento de um projeto interorganizacional de vários anos que reconhece os pontos fracos dos desenvolvedores web e visa tornar a plataforma web mais aprazível de se trabalhar. Estamos fazendo isso implementando recursos solicitados com frequência e corrigindo os principais problemas de compatibilidade entre navegadores.
Desde o seu início com o esforço Compat 2021, e depois com os esforços Interop 2022 e Interop 2023, o projeto trouxe uma série de melhorias para a plataforma web. Oriente ano, novamente, estamos trabalhando em outro conjunto de recursos e correções de compatibilidade que ajudarão em suas tarefas diárias de desenvolvimento web.
Disposição
É justo expor que Flexbox e Grid revolucionaram a forma uma vez que criamos layouts na web e eliminaram a urgência de outras técnicas complexas ou menos responsivas. Para fazer com que esses recursos funcionem da melhor forma verosímil, nós, juntamente com nossos parceiros Interop, trabalhamos todos os anos desde 2021 para reduzir o número de inconsistências de navegador ao usar Flexbox e Grid. Mas algumas pequenas diferenças persistem e estamos tornando esta extensão de foco de interoperabilidade novamente oriente ano.
Já que estamos no tópico de layout CSS, você sabia que o Subgrid agora é patível com todos os principais navegadores? Firefox e Safari o implementaram em 2022, e a Microsoft contribuiu com suporte para ele no Chromium em 2023, disponibilizando o Subgrid no Chrome, Edge e outros navegadores baseados no Chromium.
Arquitetura CSS
A forma uma vez que escrevemos e organizamos nosso código CSS mudou muito recentemente. Graças ao projeto Interop, blocos de construção uma vez que Cascade Layers, a pseudoclasse :has() e Container Queries agora são interoperáveis entre navegadores e tornam verosímil redigir códigos mais concisos e claros que também se adaptam melhor aos dispositivos dos usuários. .
Oriente ano, continuamos a melhorar nesta extensão, voltando nossa atenção para o aninhamento de CSS. O aninhamento CSS ajuda a tornar o código mais legível, modular e mais pequeno, tornando verosímil aninhar regras CSS filhas em regras CSS pai.
Embora o aninhamento de CSS já seja suportado, queremos prometer que ele funcione exatamente da mesma maneira em todos os navegadores.
Elementos HTML
O elemento HTML da caixa de diálogo é ótimo. Torna verosímil trabalhar facilmente com caixas de diálogo em uma página da web sem tornar seu código mais multíplice e sem ter que reimplementar o tratamento de foco e a acessibilidade. Foi introduzido pela primeira vez no Chrome e posteriormente fez segmento do projeto Interop 2022. Agora é verosímil usar o elemento dialog em todos os navegadores.
Oriente ano, o projeto Interop concentra-se em um recurso HTML relacionado, que também tornará desnecessários muitos códigos complicados: a API Popover.
Com a API Popover, você pode exibir teor supra de outro teor sem que seja um z-index pesadelo, sem ser interrompido pelo comportamento de overflow de um elemento pai e sem precisar de código JavaScript. A API está disponível em navegadores baseados em Chromium, Safari e uma vez que visualização no Firefox.
Oriente ano, o projeto Interop está se concentrando em fazer com que a API Popover funcione da mesma forma em todas as implementações.
Na Microsoft, estamos muito entusiasmados com isso e mormente com o impacto positivo que isso terá nas próximas versões personalizáveis. <select> elemento, um recurso que prototipamos originalmente.
Outras áreas de foco
Além dos destaques supra, cá está a lista completa das áreas de foco do Interop 2024:
- Acessibilidade
- Aninhamento CSS
- Propriedades personalizadas
- Shadow DOM declarativo
- Ajuste do tamanho da manadeira
- URLs HTTPS para WebSocket
- Banco de dados indexado
- Disposição
- Eventos de ponteiro e mouse
- Dar um pulo
- Sintaxe de cor relativa
- requestVideoFrameCallback
- Estilo da barra de rolagem
- @estilo inicial e comportamento de transição
- Direcionalidade do texto
- quebra de texto: estabilidade
- URL
Se quiser ver ainda mais detalhes sobre cada extensão e escoltar nosso progresso, confira o Dashboard Interop 2024.
Estamos entusiasmados por fazer segmento do projeto Interop novamente oriente ano e ansiosos pelas melhorias na plataforma web. Mais importante ainda, estamos ansiosos pelas excelentes experiências na web que todos vocês poderão gerar com esses recursos adicionais entre navegadores.
