Novos padrões para apps incríveis

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

Não importa o que você cria, seja um app de edição de vídeo de última geração, um jogo de palavras viciante ou um app de rede social on-line, você sempre vai precisar de alguns blocos básicos:

  • O app de edição de vídeo provavelmente permite que o usuário salve o vídeo editado.
  • Talvez seu jogo permita que o usuário compartilhe o progresso do jogo com amigos.
  • Um app de rede social on-line provavelmente permite que o usuário cole imagens em uma postagem.

Esses são apenas alguns exemplos de padrões, e há muitos outros. No entanto, todos eles têm uma coisa em comum: não há uma maneira universal de realizá-los.

Compartilhando o progresso

Por exemplo, nem todos os navegadores implementam a API Web Share. Portanto, em alguns casos, você vai precisar usar uma abordagem diferente, como as intenções da Web do Twitter, ou copiar para a área de transferência, que é a abordagem escolhida no Wordle quando a API Web Share não está implementada. Ufa, quase não consegui:

Wordle 471 6/6

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

Como salvar arquivos

Quando se trata de salvar, a abordagem recomendada é usar a API File System Access, que gera um FileSystemFileHandle, o que permite implementar um verdadeiro fluxo salvar, editar, salvar. A próxima melhor opção é 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.

Como colar imagens

Para concluir os exemplos introdutórios, nem todos os navegadores oferecem suporte à colagem de imagens em um app da Web. Portanto, você pode usar a API Drag and Drop ou 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ões são:

Padrões da área de transferência

Padrões de área de transferência para tudo relacionado à área de transferência do sistema, como copiar e colar de todos os tipos de coisas.

Padrões de arquivos

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

Padrões de apps da Web

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

Feedback

Esperamos que esses padrões ajudem você a criar apps incríveis. Aguardamos seu feedback. Envie feedback por meio de um tweet para @ChromiumDev ou registre um problema. Em ambos os casos, marque @tomayac para que eu possa ver.

Agradecimentos

Agradeço a Joe Medley por ajudar a revisar e editar os padrões. Agradecemos a Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal e Matthias Rohmer por todo o apoio técnico e organizacional e pelo incentivo para que isso acontecesse. O projeto de padrões não teria sido possível sem a ajuda dos autores dos padrões individuais, a saber, Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort e Joe Medley.