Découvrez une fantastique collection de nouveaux modèles pour des applications incroyables, y compris des modèles de presse-papiers, de fichiers et d'applications.
Quel que soit ce que vous créez, qu'il s'agisse d'une application de montage vidéo de nouvelle génération, d'un jeu de mots addictif ou d'une future application de réseau social en ligne, vous aurez toujours besoin de quelques éléments de base:
- L'application de montage vidéo permet probablement à l'utilisateur d'enregistrer la vidéo modifiée.
- Votre jeu peut permettre à l'utilisateur de partager sa progression avec ses amis.
- Une application de réseau social en ligne permet très probablement à l'utilisateur de coller des images dans un post.
Il n'existe pas de méthode universelle pour réaliser ces modèles.
Il ne s'agit là que de quelques exemples de ces tendances, et il y en a bien d'autres. Mais tous ces éléments ont un point commun: il n'existe pas de méthode universelle pour les réaliser.
Partager votre progression
Par exemple, tous les navigateurs n'implémentent pas l'API Web Share. Dans certains cas, vous devrez donc utiliser une autre approche, comme les intents Web de Twitter ou la copie dans le presse-papiers, qui est l'approche choisie dans Wordle lorsque l'API Web Share n'est pas implémentée. Phew, barely got this one:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Enregistrer des fichiers
Pour l'enregistrement, l'approche la plus courante consiste à utiliser l'API File System Access. Vous obtenez ainsi un FileSystemFileHandle, qui vous permet d'implémenter un véritable flux d'enregistrement, de modification et d'enregistrement. La meilleure solution consiste à revenir à un <a download> classique, qui permet également à l'utilisateur d'enregistrer des données, mais présente l'inconvénient de créer de nouveaux fichiers à chaque téléchargement. Il se retrouve donc avec my-video.mp4, my-video (1).mp4, my-video (2).mp4, etc.
Coller des images
Pour conclure les exemples introductifs, tous les navigateurs ne permettent pas de coller des images dans une application Web. Vous pouvez donc utiliser l'API Drag and Drop ou afficher un sélecteur de fichiers, ce qui n'est pas aussi élégant que l'API Async Clipboard, mais au moins cela fonctionne.
Les nouveaux modèles
Vous pouvez maintenant passer aux nouvelles sections de modèles:
Modèles de presse-papiers
Modèles de presse-papiers pour tout ce qui concerne le presse-papiers système, comme la copie et le collage de toutes sortes de choses.
Modèles de fichiers
Modèles de fichiers pour tout ce qui concerne les fichiers et les répertoires, que ce soit pour l'enregistrement, l'ouverture, le glisser-déposer, la réception ou le partage.
Modèles d'applications Web
Modèles d'applications Web pour tout ce qui concerne les fonctionnalités avancées des applications, comme fournir des raccourcis d'application, synchroniser périodiquement des données en arrière-plan, afficher des badges d'application, et bien plus encore.
Commentaires
J'espère que ces modèles vous aideront à créer des applications incroyables. N'hésitez pas à nous faire part de vos commentaires.
Vous pouvez envoyer vos commentaires en tweetant à @ChromiumDev ou en signalant un problème. Dans les deux cas, taguez @tomayac pour que je le voie.
Remerciements
Je remercie Joe Medley pour son aide dans l'examen et la modification des modèles. Merci à Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal et Matthias Rohmer pour leur aide technique et organisationnelle, et leurs encouragements. L'ensemble du projet de modèles n'aurait pas été possible sans l'aide des auteurs de chaque modèle, à savoir Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort et Joe Medley.