A web fica ainda melhor com o Interop 2024

A web avança ainda mais com o Interop 2024

• A web é uma plataforma incrível, projetada intencionalmente para funcionar em diversos dispositivos e facilitar colaboração, aprendizado e conexão.
• Como desenvolvedor web, fazer com que um projeto funcione para todos os navegadores e usuários é uma tarefa difícil, mas isso fica muito mais fácil quando os navegadores implementam as tecnologias web da mesma forma.
• Por meio do processo de padrões web, as pessoas colaboram para escrever documentos técnicos extremamente detalhados que definem novas tecnologias da web.

Projeto Interop

• O projeto Interop tem como objetivo melhorar a interoperabilidade, incentivando as equipes dos motores de navegador a se aprofundarem mais em áreas específicas de foco.
• Apple, Bocoup, Google, Igalia, Microsoft, Mozilla e outros colaboraram para selecionar um conjunto específico de testes automatizados para 2024.
• Foram escolhidas tanto tecnologias já existentes há muito tempo quanto áreas novas, para que os desenvolvedores possam confiar nelas e para que novas tecnologias já nasçam com interoperabilidade.

Interop 2023

• O Interop 2023 foi um sucesso ainda maior do que o Interop 2022.
• Em janeiro de 2023, 48% dos testes selecionados passavam nos três principais motores de navegador, mas um ano depois esse número chegou a 95%.
• O Interop 2023 fez com que tecnologias como suporte a cores P3, suporte a modo de escrita vertical, melhorias em CSS border-image, Subgrid, Container Queries, :has(), Motion Path, CSS Math Functions, inert e @property passassem a ser suportadas em todos os navegadores modernos.

Interop 2024

• Mais uma vez, o projeto Interop está sendo realizado para 2024.
• Entre 96 propostas de áreas de foco, 16 foram escolhidas ao final, e com a continuidade de parte do trabalho de 2023, foram definidas 17 áreas de foco no total.
• O Microsoft Edge foi adicionado recentemente ao painel do Interop, representando o Edge no Windows 10 e o Edge Dev.

Áreas de foco de 2024

• Acessibilidade, CSS Nesting, Custom Properties, Declarative Shadow DOM, Font size adjust, HTTPS URLs for WebSocket, IndexedDB, Layout, Pointer and Mouse Events, Popover, Relative Color Syntax, requestVideoFrameCallback, Scrollbar Styling, @starting-style e transition-behavior, Text Directionality, text-wrap: balance e URL foram selecionados como áreas de foco de 2024.

Projetos de investigação de 2024

• O Interop 2024 inclui três áreas de investigação: testes de acessibilidade, testes mobile e testes de WebAssembly.
• Elas são os "projetos de lição de casa" da equipe do Interop, com o objetivo de possibilitar a criação e execução de mais testes.

Acompanhamento do progresso

• O progresso do Interop 2024 pode ser acompanhado ao longo do ano por meio do painel do Interop 2024.

Nosso compromisso

• Acreditamos que a interoperabilidade é um dos pilares fundamentais que impulsionam o sucesso da web, e o Interop 2022 e 2023 demonstraram um profundo carinho pela web.
• Estamos felizes por poder aproveitar mais uma vez esta oportunidade de fazer a web funcionar melhor para todos.

Opinião do GN⁺

• O projeto Interop é de grande ajuda para desenvolvedores web e desempenha um papel importante na melhoria da experiência na web em diferentes navegadores e dispositivos por meio da consistência dos padrões web.
• Os resultados bem-sucedidos de 2023 permitem que desenvolvedores usem novas tecnologias com mais confiança e melhoram significativamente a acessibilidade e a usabilidade da web.
• As áreas de foco de 2024 incluem tecnologias importantes para o futuro da web, e isso servirá de base para o desenvolvimento contínuo e a inovação da web.

[GN⁺]

Opiniões do Hacker News

• A adição do aninhamento em CSS é algo digno de nota

  • Era um dos recursos úteis do SASS e do LESS, e é melhor vê-lo integrado como funcionalidade nativa do CSS
  • Também há grande interesse nas novas possibilidades com propriedades personalizadas
  • O recurso de popover, que pode ser implementado sem JavaScript, é interessante
  • É preciso dar mais atenção aos formulários e melhorá-los

• A falta de suporte a favicons SVG no WebKit chama atenção

  • Para desenvolvedores web casuais, os ícones específicos da Apple são inconvenientes

• O formato de imagem JPEG XL acabou não sendo incluído

  • Foi um avanço importante na melhoria dos formatos de imagem, mas ficou em espera porque o Google bloqueou sua adoção

• Questiona-se a afirmação de que todos os navegadores dão suporte completo a cores P3

  • O Firefox ainda continua limitado às cores sRGB

• Surpresa pela ausência de menção ao WebGPU

  • É uma pena que a Apple esteja ficando para trás em possíveis casos de uso como WebLLM e criptografia no dispositivo

• Seria uma grande vitória se o navegador Safari pudesse distribuir atualizações sem depender de atualizações do sistema operacional

• Curiosidade sobre a falta de foco em PWA

  • Questiona-se por que o consórcio participante não trata PWA como algo importante

• Curiosidade sobre se o WebKit começará a alcançar os recursos de WebAssembly

  • Atualmente está atrás do Chrome e do Firefox, e faltam recursos importantes

• É necessário mais esforço em tipografia CSS

  • Há pedidos de melhorias em propriedades como leading-trim e margin-trim

• Preocupação com o nível de falhas do Safari nos testes e com a tendência negativa do Firefox

  • Como usuário que usa o Safari como navegador principal, isso é decepcionante