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.
Não há uma maneira universal de realizar esses padrões
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.