Nouveaux modèles pour des applis géniales

Plongez dans une collection fantastique de nouveaux modèles pour des applications incroyables, y compris des modèles de presse-papiers, de fichier et d'application.

Peu importe ce que vous créez, qu'il s'agisse d'une appli de montage vidéo nouvelle génération, d'un jeu de lettres addictif ou d'un une future application de réseau social en ligne. Vous aurez toujours besoin de quelques connaissances blocs:

  • L'application de montage vidéo permettra probablement à l'utilisateur d'enregistrer la vidéo modifiée.
  • Votre jeu autorisera peut-être l'utilisateur à partager sa progression avec ses amis.
  • Une application de réseau social en ligne permettra très probablement à l'utilisateur de coller des images dans un post.

Il n'existe aucune façon universelle de réaliser ces modèles

Ce ne sont là que quelques exemples de ces modèles, et il en existe beaucoup d'autres. Mais toutes ces ont une chose en commun: il n'existe pas de moyen universel de les réaliser.

Progression du partage

Par exemple, tous les navigateurs ne mettent pas en œuvre l'API Web Share. Dans certains cas, vous devrez donc avoir à revenir à une approche différente, comme Intentions Web de Twitter, ou en les copiant dans le presse-papiers, approche choisie Wordle lorsque l'API Web Share n'est pas implémentée J'ai juste compris celui-ci:

Wordle 471 6/6

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

Enregistrement de fichiers

Pour réaliser des économies, nous vous recommandons d'utiliser API File System Access. Vous obtenez donc un FileSystemFileHandle, qui vous permet d'implémenter un véritable flux d'enregistrement, de modification et d'enregistrement. La prochaine Il est préférable de revenir à un <a download> classique, qui permet également à l'utilisateur d'économiser des données, mais a l'inconvénient de créer des fichiers à chaque téléchargement et se retrouvent donc avec my-video.mp4, my-video (1).mp4, my-video (2).mp4, etc.

Collage des images...

Pour conclure les exemples d'introduction, tous les navigateurs ne prennent pas en charge le collage d'images dans une application Web. vous pouvez utiliser l'API de glisser-déposer ou afficher un sélecteur de fichier, qui n'est pas aussi élégant que l'API Async Clipboard, mais au moins elle fonctionne.

Les nouveaux modèles

Une fois cela fait, les nouvelles sections de modèle sont:

Modèles de presse-papiers

Modèles de presse-papiers pour tout ce qui concerne le presse-papiers du système, comme copier et coller 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 enregistrement, ouverture, glisser-déposer, réception ou partage.

Modèles d'applications Web

Modèles d'applications Web pour tout ce qui concerne les applications avancées fonctionnalités telles que la fourniture de raccourcis d'application, la synchronisation régulière des données en arrière-plan, l'affichage des applications des badges, et bien plus encore.

Commentaires

J'espère que ces modèles vous aideront à créer des applications exceptionnelles. N'hésitez pas à nous faire part de vos commentaires ! Vous pouvez nous faire part de vos commentaires en envoyant un tweet à @ChromiumDev ou en signalant un problème. Dans les deux cas, ajoutez @tomayac pour m'assurer que je la vois.

Remerciements

Je suis reconnaissant à Joe Medley pour son aide concernant la révision et la modification les modèles. Merci à Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal, et Matthias Rohmer pour tout son soutien technique et organisationnel, et encouragements à y arriver. L'ensemble du projet de modèles n'aurait pas été possible sans de l'aide des auteurs des modèles individuels, à savoir Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort et Joe Medley.