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 popovers estão mais fáceis do que nunca com a API Popover.
- E há muito mais.
Meu nome é Adriana Jara. Vamos conhecer as novidades para os 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.
Como desenvolvedor, você não sabe o tamanho final, o tamanho da fonte ou 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.
O bloco de texto equilibrado é mais agradável aos olhos do leitor. Ele chama mais a atenção e é mais fácil de ler no geral.
Os títulos de balanceamento serão e devem ser o principal caso de uso para text-wrap: balance
. Há um custo de desempenho para equilibrar o texto, portanto, 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.
A CHIPS (cookies com estado particionado independente) permite que cookies de terceiros sejam particionados pelo site de nível superior usando o novo atributo de cookie Partitioned
.
Antes dos CHIPS, quando um usuário acessa o site A, o site C incorporado podia 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 foi incorporado.
Embora o rastreamento entre sites seja um problema, há necessidades válidas de cookies entre sites que podem ser atendidas com o particionamento de cookies para preservar a privacidade.
Com os CHIPS, quando um usuário acessa 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 somente para os cookies que o site C define quando ele é incorporado no site A. O navegador só enviaria esse cookie quando o site de nível superior fosse A.
Quando o usuário visita um novo site, por exemplo, o site B, o site C não recebe o cookie definido quando C foi incorporado ao site A.
Confira este artigo para saber mais detalhes sobre o processo de desativação gradual de cookies de terceiros.
A API Popover.
Com a Popover API, é mais fácil criar elementos temporários de interface do usuário que são exibidos sobre todas as outras interfaces de apps da Web.
Isso inclui elementos interativos com o 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 de pop-up permite que qualquer elemento seja exibido na camada superior automaticamente. Isso significa que o desenvolvedor não precisa mais se preocupar com posicionamento, empilhamento de elementos, foco ou interações do teclado.
Ele é semelhante ao elemento <dialog>
, mas tem várias diferenças importantes, incluindo o comportamento de dispensar luz, gerenciamento de interação de pop-up e suporte a eventos, além da ausência de um modo "modal".
Confira este artigo para mais informações.
E muito mais.
Claro, há muito mais.
- O DevTools permite pausar e depurar código C e C++ em apps WebAssembly com suporte a DWARF.
- A opção
exclusionFilters
nonavigator.bluetooth.requestDevice()
permite que os desenvolvedores da Web excluam alguns dispositivos do seletor do navegador. - Há um teste de origem para o Desfoque de plano de fundo.
Leia mais
Isso aborda apenas alguns destaques importantes. Confira os links abaixo para ver outras mudanças no Chrome 114.
- Novidades no Chrome DevTools (114)
- Descontinuações e remoções do Chrome 114
- Atualizações do ChromeStatus.com para o Chrome 114
- Lista de alterações do repositório de origem do Chromium
- Agenda de lançamentos do Chrome
Fazer inscrição
Para ficar por dentro, inscreva-se no canal do YouTube para desenvolvedores do Chrome. Você receberá uma notificação por e-mail sempre que lançarmos um novo vídeo.
Adriana Jara, Soja! Assim que o Chrome 115 for lançado, estarei aqui para contar as novidades do Chrome.