Novos padrões para apps incríveis

Conheça uma coleção incrível de novos padrões para apps incríveis, incluindo padrões de área de transferência, arquivos e apps.

Não importa o que você crie, seja um app de edição de vídeo de última geração, um jogo de palavras viciante ou um futuro aplicativo de rede social on-line — você sempre vai precisar de alguns aperfeiçoamentos blocos:

  • O app de edição de vídeos provavelmente permitirá que o usuário salve o vídeo editado.
  • Talvez o jogo permita que o usuário compartilhe o progresso com amigos.
  • É muito provável que um aplicativo de rede social on-line permita que o usuário cole imagens em uma postagem.

Esses foram apenas alguns exemplos desses padrões, e há muitos outros. Mas todas essas opções têm uma coisa em comum: não existe uma maneira universal de realizá-los.

Progresso do compartilhamento

Por exemplo, nem todos os navegadores implementam a API Web Share, portanto, em alguns casos, ter que recorrer a uma abordagem diferente, como Intenções da Web do Twitter, ou copiar para a área de transferência, que é a abordagem escolhida na Wordle quando a API Web Share não está implementada. Uau, mal entendi:

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

Como salvar arquivos

Quando se trata de salvar, a abordagem ideal é usar a API File System Access, então você vai ter um FileSystemFileHandle, que permite que você implemente um verdadeiro fluxo de salvamento, edição e salvamento. O próximo o melhor é voltar para um <a download> clássico, que também permite que o usuário salve dados, mas tem a desvantagem de criar novos arquivos em cada download, então eles acabam com my-video.mp4, my-video (1).mp4, my-video (2).mp4 etc.

Colando imagens

Para concluir os exemplos introdutórios, nem todos os navegadores são compatíveis com a ação de colar imagens em um aplicativo da Web, por isso você pode voltar a usar a API de arrastar e soltar ou a mostrar um seletor de arquivos, que não é tão elegante quanto a API Async Clipboard, mas pelo menos funciona.

Os novos padrões

Com isso resolvido, as novas seções de padrão são:

Padrões da área de transferência

Padrões da área de transferência para tudo relacionado à área de transferência do sistema, como copiar e colar todo tipo de coisa.

Padrões de arquivos

Padrões de arquivos para tudo relacionado a arquivos e diretórios. seja salvar, abrir, arrastar e soltar, receber ou compartilhar.

Padrões de apps da Web

Padrões de apps da Web para tudo relacionado a apps avançados recursos como fornecer atalhos de apps, sincronizar periodicamente dados em segundo plano, mostrar os apps selos e muito mais.

Feedback

Espero que esses padrões ajudem você a criar apps incríveis e aguardamos seu feedback! Você pode enviar comentários enviando um tweet para @ChromiumDev ou registrar um problema. Em ambos os casos, marque @tomayac para ter certeza de que estou vendo.

Agradecimentos

Agradeço a Joe Medley pela ajuda nas revisões e edições os padrões. Agradecemos a Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal, e Matthias Rohmer por todo o suporte técnico e organizacional e e incentivos para conseguir isso. Todo o projeto de padrões não seria possível sem a ajuda dos autores dos padrões individuais, ou seja, Harry Theodoulou, Tony Conway, Paequilíbrios Liao, Cecilia Cong, François Beaufort e João Medley.