Novidades do Chrome 57

Pete LePage

  • 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 e padEnd 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.