Conheça uma fantástica coleção 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 futuro app de rede social on-line, você sempre vai precisar de alguns elementos básicos:
- O app de edição de vídeo provavelmente permitirá que o usuário salve o vídeo editado.
- Seu jogo talvez permita que o usuário compartilhe o progresso com amigos.
- Um app de rede social on-line provavelmente permitirá que o usuário cole imagens em uma postagem.
Não há uma forma universal de perceber esses padrões
Esses foram apenas alguns exemplos desses padrões, e há muitos mais. Mas todos eles têm uma coisa em comum: não há uma maneira universal de realizá-los.
Progresso de compartilhamento
Por exemplo, nem todos os navegadores implementam a API Web Share. Por isso, em alguns casos, você terá que voltar para uma abordagem diferente, como Intents 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. Uau, quase não entendi essa:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Como salvar arquivos
Quando se trata de salvar, a abordagem ideal é usar a
API File System Access para acabar com um FileSystemFileHandle, que
permite implementar um verdadeiro fluxo de salvamento, edição e salvamento. A próxima
melhor coisa é 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, o que resulta em 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 colagem de imagens em um app da Web. Portanto, você pode voltar a 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, 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 qualquer tipo de coisa.
Padrões de arquivos
Padrões de arquivo para tudo que está 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 o que está relacionado a recursos avançados de apps, como fornecer atalhos de apps, sincronizar dados periodicamente em segundo plano, mostrar selos de apps e muito mais.
Feedback
Espero que esses padrões ajudem você a criar apps incríveis. Aguardo seu feedback.
Envie um feedback enviando um tweet para @ChromiumDev ou
registrando um problema. Em ambos os casos, marque
@tomayac para garantir que eu veja.
Agradecimentos
Agradeço a Joe Medley pela ajuda com a revisão e edição dos padrões. Agradecemos a Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal e Matthias Rohmer por todo o suporte técnico e organizacional e incentivos para conseguir isso. Todo o projeto de padrões não teria sido possível sem a ajuda dos autores dos padrões individuais, ou seja, Harry Theodoulou, Tony Conway, Paquis Liao, Cecilia Cong, François Beaufort e Joe Medley.