Immergiti in una fantastica raccolta di nuovi pattern per app straordinarie, tra cui schemi per appunti, schemi di file e schemi di app.
Indipendentemente da ciò che crei, che si tratti di un'app di editing video di nuova generazione, di un gioco di parole coinvolgente o di una futura app di social networking online, ti ritroverai sempre bisogno di alcuni elementi di base di base:
- L'app di editing video probabilmente consentirà all'utente di salvare il video modificato.
- È possibile che il gioco consenta all'utente di condividere i progressi nel gioco con gli amici.
- Un'app di social network online molto probabilmente consente all'utente di incollare le immagini in un post.
Non esiste un modo universale per realizzare questi modelli
Questi sono solo un paio di esempi di questi modelli, e ce ne sono molti altri. Ma tutti questi approcci hanno una cosa in comune: non esiste un modo universale per realizzarli.
Avanzamento della condivisione
Ad esempio, non tutti i browser implementano l'API Web Share, quindi in alcuni casi dovrai passare a un approccio diverso, come Twitter's Web Intent, o copiare negli appunti, che è l'approccio scelto in Wordle quando l'API Web Share non è implementata. Fiuuu, questo a malapena ho capito:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Salvataggio dei file in corso...
Per quanto riguarda il salvataggio, l'approccio consigliato è utilizzare
l'API File System Access, per ottenere un FileSystemFileHandle, che
consente di implementare un vero flusso di salvataggio, modifica e salvataggio. L'altra cosa
migliore è utilizzare un <a download> classico, che consente all'utente di salvare i dati, ma ha l'aspetto negativo di creare nuovi file a ogni download, per cui finiscono per my-video.mp4,
my-video (1).mp4, my-video (2).mp4 e così via.
Incollamento immagini in corso...
Per concludere gli esempi introduttivi, non tutti i browser supportano l'incollamento di immagini in un'app web. Puoi quindi tornare a utilizzare l'API di trascinamento o mostrare un selettore file, che non è elegante come l'API Async Clipboard, ma almeno funziona.
I nuovi pattern
Detto questo, le nuove sezioni dei pattern sono:
Pattern per appunti
Pattern degli appunti per tutto ciò che riguarda gli appunti di sistema, come copiare e incollare qualsiasi tipo di oggetto.
Pattern di file
Pattern di file per tutto ciò che riguarda file e directory: salvataggio, apertura, trascinamento, ricezione o condivisione.
Pattern di app web
Pattern delle app web per tutto ciò che riguarda le funzionalità avanzate delle app, come la fornitura di scorciatoie delle app, la sincronizzazione periodica dei dati in background, la visualizzazione di badge delle app e altro ancora.
Feedback
Spero che questi schemi ti aiuteranno a sviluppare app straordinarie e non vedo l'ora di ricevere il tuo feedback.
Puoi inviare un feedback twittando all'indirizzo @ChromiumDev o segnalando un problema. In entrambi i casi, tagga @tomayac per assicurarti di vederla.
Ringraziamenti
Sono grato a Joe Medley per il suo aiuto nella revisione e nella modifica dei pattern. Ringraziamo Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal e Matthias Rohmer per il supporto tecnico e organizzativo e gli incoraggiamenti a raggiungere questo obiettivo. L'intero progetto dei pattern non sarebbe stato possibile senza l'aiuto degli autori dei singoli pattern, ovvero Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort e Joe Medley.