Immergiti in una fantastica raccolta di nuovi pattern per fantastiche app, inclusi pattern per appunti, pattern di file e pattern di app.
Non importa cosa realizzi: un'app di video editing di nuova generazione, un gioco di parole coinvolgente o un la tua futura app di social network online, avrai sempre bisogno di alcune basi blocchi:
- L'app di editing video consentirà probabilmente all'utente di salvare il video modificato.
- Il gioco potrebbe consentire all'utente di condividere i progressi di gioco con gli amici.
- Un'app di social networking online consente molto probabilmente all'utente di incollare immagini in un post.
Non c'è modo universale di realizzare questi modelli
Questi sono solo un paio di esempi di questi modelli, ma ce ne sono molti altri. Ma tutte queste hanno una cosa in comune: non esiste un modo universale per realizzarle.
Avanzamento della condivisione
Ad esempio, non tutti i browser implementano l'API Web Share, pertanto in alcuni casi verrà ricorrere a un approccio diverso, Intent web di Twitter, o copiarli negli appunti, ossia approccio scelto in Wordle quando l'API Web Share non è implementata. Fiuuu, a malapena ho capito questo:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Salvataggio dei file in corso...
Quando si tratta di salvare, l'approccio giusto consiste nell'utilizzare
API File System Access, quindi si ottiene FileSystemFileHandle
, che
consente di implementare un vero flusso di salvataggio, modifica e salvataggio. Il prossimo
la cosa migliore è ricorrere a una versione classica di <a download>
, che allo stesso modo consente all'utente di salvare dati,
presenta lo svantaggio di creare nuovi file a ogni download, quindi finiscono per my-video.mp4
,
my-video (1).mp4
, my-video (2).mp4
e così via.
Incollamento immagini
Per concludere gli esempi introduttivi, non tutti i browser supportano l'incollamento di immagini in un'app web, quindi puoi ricorrere all'API di trascinamento o a un selettore file, che non è tanto elegante quanto l'API Async Clipboard, ma almeno funziona.
I nuovi pattern
Con questo passaggio, le nuove sezioni dei pattern sono:
Modelli per appunti
Pattern negli appunti per tutto ciò che riguarda gli appunti di sistema, ad esempio copiare e incollare qualsiasi cosa.
Pattern di file
Pattern di file per tutto ciò che riguarda file e directory; che si tratti di salvare, aprire, trascinare, ricevere o condividere.
Pattern per app web
Pattern per app web per tutto ciò che riguarda le app avanzate funzionalità come la fornitura di scorciatoie app, la sincronizzazione periodica dei dati in background, la visualizzazione dell'app badge e molto altro.
Feedback
Spero che questi pattern ti aiutino a creare app straordinarie e resto in attesa di un tuo feedback.
Puoi fornire un feedback twittando all'indirizzo @ChromiumDev oppure
segnalare un problema. In entrambi i casi, tagga
@tomayac
per assicurarmi che la visualizzi.
Ringraziamenti
Sono grato a Joe Medley per il suo aiuto con la revisione e l'editing. gli schemi. Grazie a Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal e Matthias Rohmer per tutta la loro assistenza tecnica e organizzativa incoraggiamenti a raggiungerlo. L'intero progetto di pattern non sarebbe stato possibile senza il degli autori dei singoli modelli, cioè Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort e Joe Medley.