Scopri una fantastica raccolta di nuovi pattern per app straordinarie, tra cui pattern per app, pattern per file e pattern per app.
Indipendentemente da cosa crei, che si tratti di un'app di editing video di nuova generazione, di un avvincente gioco di parole o di una futura app di social networking online, avrai sempre bisogno di alcuni elementi di base:
- L'app di editing video probabilmente consentirà all'utente di salvare il video modificato.
- Il tuo gioco potrebbe consentire all'utente di condividere i progressi con gli amici.
- È molto probabile che un'app di social network online consenta all'utente di incollare le immagini in un post.
Non esiste un modo universale per realizzare questi pattern
Questi sono solo un paio di esempi di questi pattern e ce ne sono molti altri. Tuttavia, tutti questi metodi hanno una cosa in comune: non esiste un modo universale per realizzarli.
Condivisione dei progressi
Ad esempio, non tutti i browser implementano l'API Web Share, quindi in alcuni casi dovrai ricorrere a un approccio diverso, come gli intent web di Twitter o la copia nella clipboard, che è l'approccio scelto in Wordle quando l'API Web Share non è implementata. C'è voluto un po' di impegno, ma ce l'ho fatta:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Salvataggio dei file
Per quanto riguarda il salvataggio, l'approccio più comune è utilizzare l'API File System Access, in modo da ottenere un FileSystemFileHandle che ti consenta di implementare un vero e proprio flusso di salvataggio, modifica e salvataggio. La cosa migliore è ricorrere a un <a download> classico, che consente all'utente di salvare i dati, ma ha lo svantaggio di creare nuovi file a ogni download, quindi si finisce con my-video.mp4,
my-video (1).mp4, my-video (2).mp4 e così via.
Incollaggio di immagini
Per concludere gli esempi introduttivi, non tutti i browser supportano l'incollaggio di immagini in un'app web, quindi puoi ricorrere all'utilizzo dell'API Drag and Drop o mostrare un selettore di file, che non è elegante come l'API Async Clipboard, ma almeno funziona.
I nuovi pattern
Una volta risolto il problema, le nuove sezioni di pattern sono:
Pattern di appunti
Modelli di appunti per tutto ciò che riguarda la clipboard di sistema, come la copia e incolla di ogni tipo di elemento.
Pattern di file
Pattern di file per tutto ciò che riguarda file e directory, ad esempio salvataggio, apertura, trascinamento, ricezione o condivisione.
Pattern di app web
Modelli di app web per tutto ciò che riguarda le funzionalità avanzate delle app, come fornire scorciatoie per le app, sincronizzare periodicamente i dati in background, mostrare i badge delle app e molto altro.
Feedback
Mi auguro che questi pattern ti aiutino a creare app straordinarie e non vedo l'ora di ricevere il tuo feedback.
Puoi fornire un feedback inviando un tweet all'indirizzo @ChromiumDev o
aprendo un problema. In entrambi i casi, tagga
@tomayac per assicurarti che io lo veda.
Ringraziamenti
Ringrazio Joe Medley per l'aiuto che mi ha dato per la revisione e la modifica dei pattern. Grazie a Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal, e Matthias Rohmer per tutto il loro supporto tecnico e organizzativo e per il loro incoraggiamento. 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.