Mobile Web Application Best Practices אייל סלע מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה- W 3 C הישראלי www. w 3. org/TR/mwabp 1
j. mp/w 3 cdoc www. w 3. org/TR/mwabp 2
. . . תוכנית W 3 C מבוא - איגוד האינטרנט הישראלי ו mobile web applications best practices- אודות ה The Best practices www. w 3. org/TR/mwabp 3
איגוד האינטרנט הישראלי • שלוחת האיגוד הבינלאומי: • עמותה ללא מטרת רווח פועל לקידום האינטרנט והטמעתו בישראל כתשתית טכנולוגית, מחקרית, חינוכית, חברתית ועסקית. / www. w 3. org/TR/mwabp www. w 3 c. org. il 4
W 3 C • • ארגון בינלאומי כ-053 ארגונים פורום ניטראלי ליצירת תקני רשת באינטרנט. משימה: להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח ארוך. www. w 3. org/TR/mwabp 5
W 3 C השנה סידרת מפגשים למפתחים קבוצות עניין פיתוח אפליקציה סדנאות תגובה למומחים הרצאות אורח )שלנו, שלכם( תמיכה בפעילות קבוצות/קהילות שילוב מומחים בקבוצות עבודה עוד. . . ) www. w 3. org/TR/mwabp 6 (
Mobile Web - אודות ה Application Best Practices www. w 3. org/TR/mwabp 7
מסמך קווים מנחים של ה-. W 3 C מגדיר 53 שיטות לשיפור חווית המשתמש באפליקציות ווב למכשירים ניידים www. w 3. org/TR/mwabp 8
Candidate recomendation המסמך נמצא בשלב You are here j. mp/w 3 crec www. w 3. org/TR/mwabp 9
הגישו דיווח יישום. . . למה לכם? כי חייבים להציג יישום בכדי שזה יהפוך לתקן כי האפליקציה שלכם תופיע בדוח היישומים - כי אני אכתוב על זה באתר W 3 C הישראלי www. w 3. org/TR/mwabp 01 1 j. mp/w 3 cmo
public-bpwg-comments@w 3. org j. mp/w 3 cmobp www. w 3. org/TR/mwabp 11
דיווח יישום. . . מי יכול להגיש? כל מי שפיתח אפליקציה - וישים חלק מהשיטות במסמך )גם בדיעבד( www. w 3. org/TR/mwabp 21
? מה מיישמים www. w 3. org/TR/mwabp 13
על מה אנחנו מדברים? www. w 3. org/TR/mwabp 41
Web Application Web page(s) that provide an "application-like" experience within a Web browser. www. w 3. org/TR/mwabp 15
validator. w 3. org/mobile/ bit. ly/w 3 cmbp (BP 1) הבדל מאתר רגיל include locally executable elements of interactivity and persistent state. : למשל nextbus. com/webkit/ app. clichespotting. com m. jobscentral. com. sg www. w 3. org/TR/mwabp 16
nextbus. com/webkit/ + User Agent Switcher j. mp/w 3 cmo 1 www. w 3. org/TR/mwabp 17
touchsolitaire. mobi/app j. mp/w 3 cmo 15 www. w 3. org/TR/mwabp
app. clichespotting. com www. w 3. org/TR/mwabp 19
m. jobscentral. com. sg www. w 3. org/TR/mwabp 20
Sencha touch (!!) http: //www. sencha. com/ j. mp/w 3 cmo 6 www. w 3. org/TR/mwabp
מגבלות והבדלים – מכשירים ניידים לעומת שולחניים • תצוגה • הזנת תוכן • רוחב פס ועלות • מטרות המשתמש • מגבלות המכשיר bit. ly/w 3 cmbp / www. w 3. org/TR/mwabp www. w 3 c. org. il 22
Best practices www. w 3. org/TR/mwabp/ 23 www. w 3 c. org. il
1. 2. 3. 4. 5. 6. 7. נתוני האפליקציה ביטחון מידע ופרטיות )1( יידוע המשתמש ושליטתו באפליקציה )4( שימוש מוגבל במשאבים )11( חווית משתמש )01( התאמה ל- (5) Delivery Context שיקולים נוספים )1( ) 3( )סה"כ 53( www. w 3. org/TR/mwabp 42
1. נתוני האפליקציה 2. 3. 4. 5. 6. 7. ) 3( ביטחון מידע ופרטיות יידוע המשתמש ושליטתו באפליקציה )4( שימוש מוגבל במשאבים )11( חווית משתמש )01( התאמה ל- (5) Delivery Context שיקולים נוספים )1( www. w 3. org/TR/mwabp 52
השתמשו בטכנולוגיות ושיטות מתאימות לאחסון נתוני האפליקציה www. w 3. org/TR/mwabp 62
1. המעיטו את השימוש בעוגיות מה? נשלחות לשרת בכל בקשה יתכן ולא יהיה פעילות במכשיר איך? בנו אפליקציה פעילה גם ללא עוגיות )למשל עם (URI decoration Image by: D Sharon Pruitt 1. Use Cookies Sparingly www. w 3. org/TR/mwabp 72
2. השתמשו בטכנולוגיות המתאימות לאחסון מידע בצד הלקוח ? מה עדיף להשתמש במנגנונים בצד לקוח לאחסון . מידע, בעיקר בכמויות גדולות (Responsiveness , start-up time )מועיל ב ? איך BONDI • Offline - j. mp/w 3 coff - HTML 5 • Opera Widgets • by Remy Sharp - remysharp. com/demo/rubiks/ 2. Use Appropriate Client-Side Storage Technologies for Local Data j. mp/w 3 cmo 7 www. w 3. org/TR/mwabp 28
3. שכפלו מידע לשרת במידת הצורך מה? תצוגה אחידה במכשירים שונים מגבה למקרה של אובן המכשיר )לא צריך לשכפל למשל העדפות תצוגה של מכשיר ספציפי( איך? טכנולוגיות לאחסון מידע צד לקוח מספקת גם בדיקת קישוריות. דוגמא. . . 3. Replicate Local Data www. w 3. org/TR/mwabp 92
Local storage + offline - demo www. html 5 rocks. com/tutorials/offline/todo/ www. w 3. org/TR/mwabp j. mp/mozoff 30
1. נתוני האפליקציה )3( 2. ביטחון מידע ופרטיות 3. 4. 5. 6. 7. )1( יידוע המשתמש ושליטתו באפליקציה שימוש מוגבל במשאבים )11( חווית משתמש )01( התאמה ל- (5) Delivery Context שיקולים נוספים )1( ) 4( / www. w 3. org/TR/mwabp www. w 3 c. org. il 13
ביטחון מידע ופרטיות – השתמשו במידע אמין והגנו על פרטיות המשתמש www. w 3. org/TR/mwabp 23
4. Do not Execute Unescaped or Untrusted JSON data direct execution of a datafeed that contains unescaped usergenerated data = security risk Use JSON parser Image by: D Sharon Pruitt 4. Do not Execute Unescaped or Untrusted JSON data www. w 3. org/TR/mwabp 33
1. נתוני האפליקציה )3( 2. ביטחון מידע ופרטיות )1( 3. יידוע המשתמש ושליטתו באפליקציה 4. 5. 6. 7. ) 4( שימוש מוגבל במשאבים חווית משתמש )01( התאמה ל- (5) Delivery Context שיקולים נוספים )1( )11( / www. w 3. org/TR/mwabp www. w 3 c. org. il 43
התייחסו יפה למידע רגיש. . . מדיה, פרטי קשר ו- , calendar פירוט שיחות, מידע על המכשיר, מיקום )!(, חיבור לרשת )הקפידו על ההמלצות הבאות אם הדפדפן אינו מספק אותן( www. w 3. org/TR/mwabp 53
5. הודיעו למשתמש על גישה אוטומטית לרשת* מה? שימוש ברשת מרוקן את הסוללה עולה כסף. . . איך? אייקון המודיע על פעילות ברקע הודיעו על שימוש רב ברשת )בחיבור ראשון, בהרשמה או בדפי העזרה( ספקו מידע על אופי החיבור )כמה זמן, תדירות, סה"כ שימוש( . 5. Inform the User About Automatic Network Access www. w 3. org/TR/mwabp 63
6. ספק אמצעים לשליטה בחיבור אוטומטי לרשת * מה? אפשר למשתמש למנוע חיבור אוטומטי לרשת )כאשר זה מבוטל – הציגו הודעת חיבור מעת לעת. ( אפשרי – אפשר למשתמש לשלוט במועדי החיבור או בפעילויות אשר יכולות להתחבר. Image by: Jeff Sonstein 6. Provide Sufficient Means to Control Automatic Network Access www. w 3. org/TR/mwabp 73
7. הודיעו למשתמש על שימוש במידע על המכשיר או פרטים אישיים ? מה בעת כניסה ראשונה לשירות או בגישה ראשונה . למידע ? איך יש בקשת רשות מובנת API- לרוב ל . (confirmation dialog ; recover gracefully) 7. Ensure the User is Informed About Use of Personal and Device Information Map. Quest. com www. w 3. org/TR/mwabp 38
8. אפשרו Sign-in אוטומטי מה? כי יותר קשה להזין תוכן. . איך? בעוגיות, או local storage )לא לשכוח לשים לינק ל- (log out 8. Enable Automatic Sign-in www. w 3. org/TR/mwabp 04
1. נתוני האפליקציה 2. ביטחון מידע ופרטיות )1( 3. יידוע המשתמש ושליטתו באפליקציה )4( )3( 4. שימוש מוגבל במשאבים )11( 5. חווית משתמש 6. התאמה ל- (5) Delivery Context 7. שיקולים נוספים )1( )01( / www. w 3. org/TR/mwabp www. w 3 c. org. il 14
אל תכבידו על משאבי המכשיר מוגבלים בניידים - זיכרון עיבוד רוחב פס www. w 3. org/TR/mwabp 24
9. Use Transfer Compression מה? השתמשו בדחיסה של התוכן. אבל זכרו שיש עלות של זמן וחיי סוללה. איך? . . . Gzip לרוב לא צריך לדוחס: תמונות, אדיו, וידאו, קבצים קנטים מ- 1 k 9. Use Transfer Compression www. w 3. org/TR/mwabp 34
01. מזערו את גודל האפליקציה והנתונים ? למה תרד יותר מהר תפעל יותר טוב ? איך Java. Script- ו HTML , CSS הקטינו (removal of white space and comments; shorter tokens (variables, method names, selector names) 10. Minimize Application and Data Size compressorrater. thruhere. net www. w 3. org/TR/mwabp 44
11. המנעו מ- Redirects מה? לרוב נעשה שימוש ב HTTP 3 xx או HTML meta refresh להעברת מידע ) (e. g. account authentication איך? פשוט נסו להמנע מהן. אם צריך יותר משתיים, אפשר להציג דף מעבר )בכדי שהמשתמש ידע ש'זה טעון'( 11. Avoid Redirects www. w 3. org/TR/mwabp 54
12. Optimize Network Requests מה? עדיף לבצע בקשות גדולות לשרת אך מועטות יותר )מאשר הרבה בקשות קטנות( איך? קיבוץ בקשות תעדוף בקשות פעילות בהתאם לרמת הקישוריות 12. Optimize Network Requests www. w 3. org/TR/mwabp 64
31. צמצמו שימוש במקורות חיצוניים למה? כל קובץ סקריפט, , CSS תמונה = = HTTP request טיול לשרת איך? CSS ו- Java. Script כל אחד בקובץ אחד בלבד OR או שהם ישולבו לפני שהעמוד מוגש ללקוח 13. Minimize External Resources www. w 3. org/TR/mwabp 74
(Sprites) 41. אחדו תמונות ? איך similar sizes and color palettes. That do not change often. use CSS positioning and clipping. דוגמא Image by: Kriplozoik www. yahoo. com 14. Aggregate Static Images into a Single Composite Resource (Sprites) www. w 3. org/TR/mwabp 48
CSS- 51. שלבו תמונות רקע ב ? מה CSS- במקום להוריד תמונות, אפשר לכלול אותן ב buzz data: image/png; base 64, i. VBORw 0 KGgo. AAAANSUh. EUg. A AABAAAAAQAQMAAAAl. PW 0 i. AA AABl. BMVEUAAAD/ //+l 2 Z/d. AAAAM 0 l. EQVR 4 n. GP 4/5/h/1+G/58 ZDr. Az 3 D/Mc. H 8 yw 83 NDDe. NGe 4 U g 9 C 9 zwz 3 g. VLMDA/A 6 P 9/AFG GFyj. OXZt. QAAAAAEl. FTk. Su. Qm CC data: image/png; base 64, i. VBORw 0 KGgo. AAAANSUh EUg. AAAAh. CAYAAADkr. Op 1 AAAAGXRFWH RTb 2 Z 0 d 2 Fy. ZQBBZG 9 i. ZSBJb. WFn. ZVJl. YWR 5 ccll. P AAAAYFJREFUe. Nq. EU 7 FOwz. AQv. XMu. JSC 1 oql. Ku oa. Zkakr. Gyti 5 i+Q+AZ+go. ERi. R 9 h. YEJi. ZKVIFaqgt. JV 9 n. O 04 Sd. O 0 Tf. Qk 5+75 ved. Lgsw. M 45 vn. DADu. BOc. Cu y 4 vkma. OCE/Zq. J+nabcbxz. Fh 0 Zx 8 f. QPFp. G 6 z 0 e. D 0 J Eu. PVUSgl. AJATy. Ga. Axnm 8 WDY 70 Wd. BKIawd 4 Rx. U Ba 81 En. SRTFHUd. Au 7 t. QQBUB+QW 5 B 7 Bwv. SKFE B 2 Bp. SCHAXsi. Zn. QVV 5 dn. Klaux. Axlsyh 7 gg. QFNKa. S Lgmm. Rv. Ae. DUJQMAx. KBAw 0 CRw. Ixm. Hdw. Cv 7 U 4 i. C VUHYam. Fcy. KZCGVLLbmh. RMEHBD 2 jz. FFCGl. Druz YBt. Gbia. A 2 Jbhk. DQvon. NSZrao. GCnhb. Yp. Nx. Xsvkr. B Bd 2 mw. MWgk. Hd. YQAshh. NQiz 7 hp. Yf. Yr. QO 1145 YM 8 mf 9 af. GIk. BVg 82 XJnz. Ds. H 76 v. Fr+z 8 FWt. QTz. U 1 UX+y Kufj+V 8 Nt. VGh 0/Dgd 38 m. Lsvb 5 PL ? איך data URI : דוגמא 15. Include Background Images Inline in CSS Style Sheet www. w 3. org/TR/mwabp 49
16. Fingerprinting Resource for chach ? מה לקבצים שמשתנים מדי פעם cache אפשר לעשות ? איך לתאריך רחוק מאוד בעתיד chase- הגדירו את ה שישתנה כשצריך לעדכן hash של הקובץ URL- הוסיפו בסיומת ה. אותו <img src="http: //www. example. com/userimages/joeblogs-67 f 90 da 089 da"> 16. Cache Resources By Fingerprinting Resource References www. w 3. org/TR/mwabp 50
17. Cache AJAX Data ? מה cache כפי שעושים עם תוכן רגיל, אפשר לעשות . AJAX- למידע שמגיע ב ? איך כרגיל Expires Cache-Control header- ו fingerprinting 17. Cache AJAX Data www. w 3. org/TR/mwabp/ www. w 3 c. org. il 51
81. שלחו עוגיות רק כשצריך מה? תוכן סטטי אינו צריך עוגיות – אז עדיף להימנע איך? 1. 2. דומיין, תת דומיין או path נפרד לתוכן סטטי הגדירו path לעוגיות 18. Do not Send Cookie Information Unnecessarily www. w 3. org/TR/mwabp 25
Keep DOM Size Reasonable. 19 ? איך pagination למשל בעזרת V win X Fail 19. Keep DOM Size Reasonable www. w 3. org/TR/mwabp 53
1. 2. 3. 4. נתוני האפליקציה ביטחון מידע ופרטיות )1( יידוע המשתמש ושליטתו באפליקציה )4( שימוש מוגבל במשאבים )11( ) 3( 5. חווית משתמש )01( 6. התאמה ל- Delivery Context 7. שיקולים נוספים )1( ) 5( / www. w 3. org/TR/mwabp www. w 3 c. org. il 45
בגלל מורכבות רבה יותר בשימוש במכשירים ניידים – חשוב לשפר את חווית המשמש Latency interaction method data consistency www. w 3. org/TR/mwabp 55
02. להתחיל צ'יק צ'ק ? איך Use Offline Technology (e. g. App. Cache) – Resources (HTML, Java. Script, CSS) stored locally. Use Local Storage: store a snapshot of last state - display it immediately on start-up Minimize Number of Local Storage Queries before the first view can be displayed. http: //www. flickr. com/photos/66475767@N 00/4333416050/ . . . דוגמא 20. Optimize For Application Start-up Time www. w 3. org/TR/mwabp 56
High responsiveness with Local storage - example מבוסס על IBM: Unlock local storage for mobile Web applications with HTML 5: j. mp/w 3 cmo 3 j. mp/w 3 cmo 2 www. w 3. org/TR/mwabp
21. Minimize Perceived Latency ? איך Incremental Rendering Java. Script at the bottom + useful information that might be available is viewable while loading. Keep the User Informed of Activity (progress bars) Avoid Page Reloads To reflect changes in state or show different views 21. Minimize Perceived Latency Preload Probable Next Views. . . דוגמא www. w 3. org/TR/mwabp 58
kiva - דוגמא j. mp/w 3 cmo 10 www. w 3. org/TR/mwabp 59
22. Design for Multiple Interaction Methods ? מה שלושה סוגי אינטראקציה עיקריים . עדיף להתאים לשיטת מכשיר היעד. אם אי אפשר – להתאים לכולם ? איך Focus Based: (focus "jumps" from link to link). Pointer Based: (Key-based navigation + pointer ) Selectable elements that are associated with each other need to be close Selectable elements need to be large enough (pointer often moves in steps) Selectable elements should have rollovers Image by: Dennis Bournique Touch Based: (finger ) Selectable elements may be widely spaced since the user can select them directly Selectable elements must be large enough to be easily selected (list items - at least 30 px) 22. Design for Multiple Interaction Methods www. w 3. org/TR/mwabp 60
32. הימנעו משינוי הפוקוס בדפים דינמיים איך? )( –. focus רק כשחייבים וכזה לא פוגע בשליטה 23. Preserve Focus on Dynamic Page Updates www. w 3. org/TR/mwabp 16
fragment identifiers - 42. השתמשו ב לתצוגה ? מה בכדי לאפשר שמירת fragment identifiers - השתמשו ב back- הקישור לתצוגה, ולא לפגוע ב . . . דוגמא http: //myapp. example. org/myapp#view 24. Use Fragment IDs to Drive Application View www. w 3. org/TR/mwabp 62
W 3 C Cheat Sheet j. mp/w 3 cmo 8 www. w 3. org/TR/mwabp 63
!["Click-to-Call"- 52. השתמש במספרי טלפון ב איך <a href="tel: [PHONE-NUMBER]">[PHONE-NUMBER]</a> entered using the full](https://present5.com/presentation/9488378f74eab9d593e94f0301738ae3/image-63.jpg "\"Click-to-Call\"- 52. השתמש במספרי טלפון ב איך <a href=\"tel: [PHONE-NUMBER]\">[PHONE-NUMBER]</a> entered using the full")
"Click-to-Call"- 52. השתמש במספרי טלפון ב איך <a href="tel: [PHONE-NUMBER]">[PHONE-NUMBER]</a> entered using the full international prefix my. springpadit. com 25. Make Telephone Numbers "Click-to-Call" www. w 3. org/TR/mwabp 64
מה? 26. Ensure Paragraph Text Flows • מנע גלילה אנכית • ואפשר קריאה בשינוי אוריאנטציה איך? בקונטיינרים: כן: באחוזים / יחידות מידה יחסיות לא יחידות מוחלטות או פיקסלים Image by: curiouslee דוגמא. . . 26. Ensure Paragraph Text Flows www. w 3. org/TR/mwabp 56
דוגמא – טקסט צף ומתאים לגודל המסמך www. w 3. org/TR/mwabp W 3 c. org
27. Ensure Consistency Of State Between Devices ? מה הקפידו על עקיבות באפליקציה בין מכשירים שונים • Credentials • preferences • Data ? איך שימורו על השרת מידע שאינו רלוונטי רק למכשיר הספציפי http: //www. flickr. com/photos/osde-info/4336196538/sizes/o/ 27. Ensure Consistency Of State Between Devices www. w 3. org/TR/mwabp 67
1. 2. 3. 4. 5. נתוני האפליקציה ביטחון מידע ופרטיות )1( יידוע המשתמש ושליטתו באפליקציה )4( שימוש מוגבל במשאבים )11( חווית משתמש )01( )3( 6. התאמה ל- Delivery Context 7. שיקולים נוספים ) 5( ) 1( / www. w 3. org/TR/mwabp www. w 3 c. org. il 86
התאימו ל- Delivery Context שונים צרו אפליקציה בעלת יכולת זיהוי ההקשר )כגון יכולות המכשיר( והסתגלות להן. )התאמת תוכן, ניווט, מבנה עמוד. . . ( www. w 3. org/TR/mwabp 96
push- 82. מומלץ – שימוש ב ? מה . . . אם מכשיר היעד תומך ? איך OMA Push QR Codes SMS … 28. Consider Mobile Specific Technologies for Initiating Web Applications www. w 3. org/TR/mwabp 70
92. הגדירו את גודל התצוגה הרצוי ? מה צריך למנוע ממכשירים לעשות זום אוטומטי באפליקציה שהותאמה . . לניידים ? איך <meta name="viewport" content="width=device-width, initial-scale=1. 0"/> . . . דוגמא 29. Use Meta Viewport Element To Identify Desired Screen Sizes www. w 3. org/TR/mwabp 71
דוגמא - הגדרת גודל תצוגה Viewport Offlines Data URI http: //nils-dehl. de/m/ j. mp/w 3 cmo 9 www. w 3. org/TR/mwabp 72
30. Prefer Server-Side Detection Where Possible ? איך HTTP request header: Accept User-Agent X-Wap-Profile : דוגמא 30. Prefer Server-side Detection Where Possible j. mp/w 3 cmo 11 www. w 3. org/TR/mwabp 73
' 13. כשצריך – זיהוי יכולות 'צד לקוח ? איך Java. Script: if (some_api_exists) {. . . CSS Media Types CSS Media Queries 31. Use Client-side Detection When Necessary . . . דוגמא www. w 3. org/TR/mwabp 74
CSS 3 Media query layout example j. mp/w 3 cmo 18 www. w 3. org/TR/mwabp
32. Use Device Classification ? למה to Simplify Content Adaptation ? איך : אפשרות Class 1: Basic XHTML support, no or very basic scripting. Class 2: Full AJAX and Java. Script support. Class 3: Advanced device APIs : עוד אפשרות Class 1: Pointer Based. Class 2: Touch Based. 32. Use Device Classification to Simplify Content Adaptation www. w 3. org/TR/mwabp 76
Java. Script 33. לתפוצה מרבית – צרו גרסה ללא ? איך synchronous FORM posts <noscript> או לפחות – הודעה מתאימה או 33. Support a non-Java. Script Variant if Appropriate www. w 3. org/TR/mwabp 77
43. אפשר למשתמש לבחור את התצוגה מה? אפשר למשתמש לשנות את סוג התצוגה כברירת מחדל ספק את ה- UI המתאים ביותר אבל זכור את העדפות המשתמש! 34. Offer Users a Choice of Interfaces www. w 3. org/TR/mwabp 87
1. 2. 3. 4. 5. 6. נתוני האפליקציה ביטחון מידע ופרטיות )1( יידוע המשתמש ושליטתו באפליקציה )4( שימוש מוגבל במשאבים )11( חווית משתמש )01( התאמה ל- (5) Delivery Context ) 3( 7. שיקולים נוספים ) 1( / www. w 3. org/TR/mwabp www. w 3 c. org. il 97
35. Consider Canvas or SVG For Dynamic Graphics ? מה canvas מאפשר לצייר גרפיקה פשוטה Java. Script באמצעות SVG להגדרת אלמנטים של XML שפת - גרפיקה וקטורית המתווספים ל , וניתנים לשינוי בעזרת DOM Java. Script http: //www. mozilla. com/en-US/firefox/stats/ . . . דוגמא 35. Consider Use Of Canvas Element or SVG For Dynamic Graphics www. w 3. org/TR/mwabp 80
SVG and canvas demos • Bomomo. com • zwibbler. com • www. iconza. com j. mp/w 3 cmo 16 j. mp/w 3 cmo 14 Video - Cool mobile apps with SVG and other Web technologies - j. mp/w 3 cmo 13 www. w 3. org/TR/mwabp
כלים נוספים www. w 3. org/TR/mwabp 82
Mobile Web Best Practices (MWBP) Flipcards j. mp/w 3 cfcc www. w 3. org/TR/mwabp 83
The world is getting more platform-fragmented, not less. Source: j. mp/w 3 cmo 5 84 Do yourself a favor and write www. w 3. org/TR/mwabp/ your next app in HTML 5. www. w 3 c. org. il
תודה www. w 3 c. org. il @isociltech @eyalsela eyal@isoc. org. il j. mp/w 3 cmobp www. w 3. org/TR/mwabp 85
Скачать презентацию Mobile Web Application Best Practices אייל סלע
9488378f74eab9d593e94f0301738ae3.ppt