- O Chrome 57 adiciona suporte a
display: grid
, a nova especificação de layout de grade CSS. - Agora você pode personalizar e responder às entradas do usuário na tela de bloqueio e às notificações usando a nova API Media Session.
- E há muito mais!
Meu nome é Pete LePage. Vamos conferir as novidades para os desenvolvedores do Chrome 57.
Layout de grade CSS
O Flexbox é uma ferramenta eficiente de layout. Ele possibilita muitos layouts complexos,
mas só pode fazer layout em uma dimensão. O Chrome 57 adiciona suporte ao
display: grid
,
a nova especificação de layout de grade CSS,
adicionando uma nova e poderosa ferramenta para criar sistemas de layout bidimensionais baseados em grade,
otimizados para um design responsivo de interface do usuário.
Os elementos da 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 isso e, quando quiser se aprofundar, confira o site de Rachel Andrew: GridByExample.com.
API Media Session
Um dos recursos que faltam nos aplicativos de mídia da Web é a capacidade de se integrar profundamente à experiência de mídia principal em dispositivos móveis. No Chrome para Android, agora você pode personalizar a tela de bloqueio e as notificações com conteúdo de mídia usando a nova API Media Session.
Ao fornecer metadados ao navegador sobre o conteúdo reproduzido, é possível criar mensagens avançadas na tela de bloqueio que incluam informações como título, artista, nome do álbum e arte. Também é possível detectar e responder às ações do usuário realizadas na própria notificação, como procurar ou pular.
Se você quiser começar logo, Francois tem uma ótima postagem de atualizações (link em inglês) ou confira o repositório de exemplos de sessões de mídia do Chrome oficial no GitHub (links em inglês).
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
. - É possível especificar efeitos visuais, como cor e estilo da linha, com as novas
propriedades
text-decoration
. - A classe de resposta da
API Fetch
agora oferece suporte ao atributo
.redirected
para evitar respostas não confiáveis e reduzir o risco de redirecionadores abertos. - Todos os aliases globais IndexedDB com prefixo
-webkit-
foram removidos, após a descontinuação no M38. - E um dos meus métodos favoritos: novos métodos de formatação
padStart
epadEnd
que simplificam o padding da string ao alinhar a saída do console ou ao imprimir números com um número fixo de dígitos.
Essas são apenas algumas das mudanças no Chrome 57 para desenvolvedores.
Agradecimento a Igalia
Por fim, agradecemos aos engenheiros e à equipe da
Igalia pelo trabalho incrível na Blink. Eles
foram fundamentais para usar os novos recursos da grade CSS e do caret-color
.
Fique por dentro
Para ficar por dentro do Chrome e saber o que está por vir, inscreva-se no nosso canal ou siga @ChromiumDev no Twitter. Confira também os vídeos da Conferência de Desenvolvedores Chrome para ver mais detalhes sobre algumas das coisas incríveis em que a equipe do Chrome está trabalhando.
Eu sou Pete LePage e, assim que o Chrome 58 for lançado, estarei aqui para contar a você: as novidades do Chrome.