- O Chrome 57 adiciona suporte a
display: grid, a nova especificação do layout de grade do CSS. - Agora é possível personalizar e responder à entrada do usuário na tela de bloqueio e notificações usando a nova API Media Session.
- E tem muito mais!
Meu nome é Pete LePage. Vamos conferir as novidades para desenvolvedores no Chrome 57.
Layout de grade CSS
O Flexbox é uma ferramenta de layout poderosa. Ele permite muitos layouts complexos,
mas só pode fazer o layout em uma dimensão. O Chrome 57 adiciona suporte a
display: grid,
a nova especificação de layout de grade CSS,
adicionando uma nova ferramenta poderosa para criar sistemas de layout bidimensionais baseados em grade,
otimizados para design de interface responsiva.
Os elementos na grade podem abranger várias colunas ou linhas. As regiões em uma grade CSS também podem ser nomeadas, facilitando a compreensão do código de layout.
Surma tem uma postagem de atualizações sobre o assunto. Quando estiver tudo pronto para se aprofundar, confira o site da Rachel Andrew: GridByExample.com.
API Media Session
Um dos recursos ausentes dos aplicativos de mídia da Web é a capacidade de integração profunda com a experiência de mídia principal em dispositivos móveis. No Chrome para Android, agora é possível personalizar a tela de bloqueio e as notificações com conteúdo de mídia usando a nova API Media Session.
Ao fornecer metadata ao navegador sobre o conteúdo que está sendo reproduzido, você pode criar mensagens ricas na tela de bloqueio que incluem informações como título, artista, nome do álbum e arte. Você também pode detectar e responder às ações do usuário realizadas na própria notificação, como pular ou pular.
Se você quiser começar rapidamente, o François tem uma ótima postagem de atualizações. Confira também o repositório oficial de exemplos de sessões de mídia do Chrome no GitHub.
E muito mais.
E tem muito mais!
- Há algumas melhorias na API Payment Request.
- É possível especificar a cor do cursor de entrada de texto com a
propriedade
caret-color. - Os efeitos visuais, como a cor e o estilo da linha, podem ser especificados com novas
propriedades
text-decoration. - A API Fetch
(link em inglês)
agora oferece suporte ao atributo
.redirectedpara evitar respostas não confiáveis e reduzir o risco de redirecionamentos abertos. - Todos os alias globais de IndexedDB
com prefixo
-webkit-foram removidos após a descontinuação no M38. - E um dos meus favoritos: os novos métodos de formatação
padStartepadEndsimplificam o preenchimento de strings ao alinhar a saída do console ou imprimir números com um número fixo de dígitos.
Essas são apenas algumas das mudanças no Chrome 57 para desenvolvedores.
Shout out to Igalia
Por fim, um grande agradecimento aos engenheiros e à equipe da
Igalia pelo trabalho incrível no Blink. Eles
foram fundamentais para o lançamento dos novos recursos de grade CSS e caret-color.
Fique por dentro
Se você quiser ficar por dentro das novidades do Chrome, inscreva-se no nosso canal ou siga @ChromiumDev no Twitter. Confira os vídeos do Chrome Dev Summit para saber mais sobre algumas das coisas incríveis em que a equipe do Chrome está trabalhando.
Meu nome é Pete LePage, e assim que o Chrome 58 for lançado, estarei aqui para contar as novidades do Chrome.