Novidades no Chrome 114

Adriana Jara

Veja o que é necessário saber:

  • O CSS text-wrap: balance está disponível para melhorar os layouts de texto.
  • Os cookies particionados por site de nível superior (CHIPS) estão aqui.
  • Os pop-ups estão mais fáceis do que nunca com a API Popover.
  • E tem muito mais.

Meu nome é Adriana Jara. Vamos conferir as novidades para desenvolvedores no Chrome 114.

text-wrap:balance.

Use text-wrap: balance para melhorar os layouts de texto. A animação abaixo mostra a diferença que você pode fazer com essa linha.

Teste uma demonstração

Como desenvolvedor, você não sabe o tamanho final, o tamanho da fonte ou até mesmo o idioma do texto. Todas as variáveis são necessárias para um tratamento eficaz de ajuste de texto. Como o navegador conhece todos os fatores, com text-wrap:balance, você pode solicitar que o navegador descubra a melhor solução de quebra de linha equilibrada.

Os dois exemplos anteriores são mostrados juntos, um marcado como desequilibrado e o outro como equilibrado.

O bloco de texto equilibrado é mais agradável aos olhos de um leitor. Ele chama mais a atenção e é mais fácil de ler.

O equilíbrio entre os títulos é e deve ser o principal caso de uso de text-wrap: balance. Há um custo de desempenho para equilibrar o texto. Para reduzir o custo, ele só funciona para até quatro linhas.

Confira este artigo com exemplos e mais detalhes para melhorar seus layouts de texto.

CHIPS: cookies com estado particionado independente.

Cookies com estado particionado independente (CHIPS, na sigla em inglês): permite ativar cookies de terceiros particionados por site de nível superior usando o novo atributo de cookie Partitioned.

Antes do CHIPS, quando um usuário acessa o site A, o site incorporado C pode definir um cookie na máquina do usuário. Se o usuário visitar o site B, que também incorpora o site C, o site C poderá acessar o mesmo cookie definido no site A. Isso permite que o site C compile a atividade de navegação de um usuário nos sites A, B e em todos os sites em que ele está incorporado.

Diagrama mostrando sites e armazenamento com cookies não particionados.

Embora o rastreamento entre sites seja um problema, há necessidades válidas de cookies entre sites que podem ser alcançadas sem comprometer a privacidade com o particionamento de cookies.

Com o CHIPS, quando um usuário visita o site A e o conteúdo incorporado do site C define um cookie com o atributo particionado, o cookie é salvo em um JAR particionado apenas para cookies que o site C define quando é incorporado no site A. O navegador só enviaria esse cookie quando o site de nível superior fosse A.

Diagrama mostrando sites e armazenamento reservado com cookies.

Quando o usuário visita um novo site, por exemplo, o site C não recebe o cookie que foi definido quando o site C foi incorporado ao site A.

Confira este artigo para mais detalhes sobre o processo de desativação gradual dos cookies de terceiros.

A API Popover.

Com a API Popover, é mais fácil criar elementos de interface do usuário (IU) temporários que aparecem acima de todas as outras interfaces do app da Web.

Isso inclui elementos interativos do usuário, como menus de ação, sugestões de elementos de formulário, seletores de conteúdo e interface de ensino.

O novo atributo popover permite que qualquer elemento seja exibido na camada superior automaticamente. Isso significa que o desenvolvedor não precisa mais se preocupar com posicionamento, elementos empilhados, foco ou interações com o teclado.

Ele é semelhante ao elemento <dialog>, mas tem várias diferenças importantes, incluindo o comportamento de dispensa leve, o gerenciamento de interação de pop-up, o suporte a eventos e a falta de um modo "modal".

Confira este artigo para mais informações.

E muito mais.

Claro que há muito mais.

Leitura adicional

Isso inclui apenas alguns destaques importantes. Consulte os links abaixo para outras mudanças no Chrome 114.

Inscrever-se

Para ficar por dentro das novidades, inscreva-se no canal do YouTube para desenvolvedores do Chrome e receba uma notificação por e-mail sempre que lançarmos um novo vídeo.

Adriana Jara! Assim que o Chrome 115 for lançado, estarei aqui para contar as novidades do Chrome!