צוללים לאוסף מדהים של תבניות חדשות לאפליקציות מדהימות, כולל תבניות בלוח העריכה, תבניות של קבצים ותבניות אפליקציות.
לא משנה מה תכננו – בין אם מדובר באפליקציית עריכת וידאו מהדור הבא, במשחק מילים ממכר או באפליקציה עתידית של רשת חברתית באינטרנט – תמיד תצטרכו כמה מאבני בניין בסיסיות:
- האפליקציה לעריכת סרטונים ככל הנראה תאפשר למשתמש לשמור את הסרטון הערוך.
- המשחק שלך יאפשר למשתמש לשתף את ההתקדמות במשחק עם חברים.
- אפליקציה של רשת חברתית באינטרנט תאפשר למשתמש להדביק תמונות בפוסט.
אין דרך אוניברסלית לממש את הדפוסים האלה
אלה רק כמה דוגמאות לדפוסים כאלה, ויש עוד רבים. אבל יש משהו משותף לכל אלה: אין דרך אוניברסלית לממש אותם.
התקדמות השיתוף
לדוגמה, לא כל הדפדפנים מטמיעים את Web Share API, כך שבמקרים מסוימים תצטרכו לחזור לגישה אחרת, כמו Twitter של Web Intents או להעתיק ללוח, שזו הגישה שנבחרה ב-Wordle כאשר ה-Web Share API לא מוטמע. איזה כיף, בקושי הבנתי את זה:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
מתבצעת שמירה של הקבצים
כשמדובר בשמירה, הגישה היא להשתמש ב-File System Access API כדי לקבל FileSystemFileHandle, שמאפשר לכם להטמיע שמירה, עריכה, שמירה של תהליך אמיתי. היתרון הגדול ביותר הוא לחזור לגרסה הקלאסית של <a download>, שגם מאפשרת למשתמש לשמור נתונים, אבל החיסרון הוא ליצור קבצים חדשים בכל הורדה. כך בסוף כל הורדה הם יתקבלו my-video.mp4,
my-video (1).mp4, my-video (2).mp4 וכו'.
מדביק תמונות
לסיכום הדוגמאות המוקדמות, לא כל הדפדפנים תומכים בהדבקת תמונות באפליקציית אינטרנט, כך שאתם יכולים לחזור ולהשתמש ב-Drag and Drop API או בהצגת הכלי לבחירת קבצים, שהוא פחות אלגנטי מ-Async Clipboard API, אבל לפחות עובד.
הדפוסים החדשים
מעבר לזה, קטעי התבנית החדשים הם:
תבניות הלוח
תבניות של הלוח לכל מה שקשור ללוח המערכת, כמו העתקה והדבקה של דברים שונים.
דפוסי קבצים
תבניות קבצים – לכל סוגי הקבצים והספריות – שמירה, פתיחה, גרירה ושחרור, קבלה או שיתוף.
דפוסים של אפליקציות אינטרנט
דפוסים של אפליקציות אינטרנט לכל סוגי התכונות של אפליקציות מתקדמות, כמו קיצורי דרך של אפליקציות, סנכרון תקופתי של נתונים ברקע, הצגת תגים של אפליקציות ועוד.
משוב
אני מקווה שהדפוסים האלה יעזרו לך ליצור אפליקציות מדהימות, ואשמח לקבל ממך משוב!
אפשר לשלוח משוב על ידי שליחת ציוץ בכתובת @ChromiumDev או דיווח על בעיה. בשני המקרים, מתייגים את @tomayac כדי לוודא שהוא מופיע.
אישורים
אני רוצה להודות לג'ו מדלי על העזרה בסקירה ובעריכה של הדפוסים. תודה ל-Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal ומתיאס רוהמר על כל התמיכה הטכנית והארגונית והמומלצים לקראת המשימה הזו. כל פרויקט הדפוסים לא היה מתאפשר בלי העזרה של המחברים של הדפוסים הנפרדים, כלומר: הארי תאודולו, טוני קונוויי, פאלאנס ליאו, ססיליה קונג, פרנסואה בופורט וג'ו מדלי.