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