Nuovi pattern per app straordinarie

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.