- O Chrome 57 adiciona suporte ao
display: grid, o novo 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 nos aprofundar e ver as novidades para desenvolvedores no Chrome 57.
Layout de grade CSS
O Flexbox é uma ferramenta de layout poderosa. Ela possibilita 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 um layout bidimensional baseado em grade.
otimizados para design de interface do usuário responsivo.
Os elementos da grade podem abranger várias colunas ou linhas. Regiões em um A grade CSS também pode ser nomeada, tornando o código de layout mais fácil de entender.
Surma tem uma postagem de atualizações e, quando estiver pronto para se aprofundar, confira Site de Rachel Andrew: GridByExample.com.
API Media Session
Um dos recursos que faltam nos aplicativos de mídia da Web é o capacidade de se integrar profundamente à experiência principal de mídia em dispositivos móveis. Agora, no Chrome para Android, é possível personalizar a tela de bloqueio e as notificações com conteúdo de mídia usando a nova API Media Session.
Fornecendo metadados ao navegador sobre o conteúdo sendo reproduzido, você pode criar uma tela de bloqueio avançada mensagens que incluem informações como título, artista, nome do álbum e arte gráfica. Você também pode ouvir e responder às ações do usuário assumidas na própria notificação, como para buscar ou pular.
Se você quer começar logo, François tem um ótimo Postagens de atualizações, ou confira o Repositório de exemplos de sessões de mídia do Chrome no GitHub.
E muito mais.
E tem muito mais!
- Há algumas melhorias para a API Payment Request.
- Você pode especificar a cor do cursor de entrada de texto com o
caret-color. - Efeitos visuais como estilo e cor da linha podem ser especificados com as novas
text-decorationpropriedades. - A API Fetch.
Classe de resposta
agora suporta o
.redirectedpara evitar respostas não confiáveis e reduzir o risco de respostas redirecionadores. - Todos os
-webkit-com prefixo IndexedDB aliases globais foram removidos, após a descontinuação no M38. - Um dos meus favoritos: novo
padStartepadEndmétodos de formatação que simplificam o padding da string ao alinhar a saída do console ou imprimir números com um número fixo de dígitos.
Estas são apenas algumas das mudanças do Chrome 57 para desenvolvedores.
Agradecimentos a Igalia
Por fim, um grande agradecimento aos engenheiros e à equipe da
Igalia pelo incrível trabalho no Blink. Eles
foram fundamentais para o lançamento dos novos recursos de grade do CSS e caret-color.
Fique por dentro
Se quiser ficar por dentro do Chrome e saber o que está por vir, inscreva-se em nosso canal ou siga @ChromiumDev no Twitter. Confira também vídeos da Chrome Dev Summit para saber mais sobre alguns dos projetos incríveis que a equipe do Chrome está desenvolvendo.
Meu nome é Pete LePage, e assim que o Chrome 58 for lançado, estarei por aqui contar as novidades do Chrome.