פול גובי הוא סגן נשיא להנדסה לעיצוב ואינטרנט באדובי. הוא בילה את 25 השנים האחרונות בעבודה בתעשיית התוכנה עם התמקדות מיוחדת בכלים ופתרונות יצירתיים ומקצועיים באינטרנט.
היו הרבהלְדַבֵּרלאחרונה עלHTML5ובלבול לגבי מה זה, מה אפשר לעשות איתו היום, הדרך הכי טובה ללמוד את זה וכו'.
עם כל כך הרבה הייפ בשוק, רציתי להתמודד עם השאלות שאנחנו שומעים הכי הרבה מאנשי מקצוע יצירתיים שרוצים לנצל את היתרונות של HTML5 אבל לא בטוחים איך להתחיל.
1. מהו HTML5?
בצורתו הפשוטה ביותר, HTML5 הוא האבולוציה של HTML. מעניין שזה הפך למונח "תפוס הכל" עבור טכנולוגיות רבות שיכולות להניע את האינטרנט קדימה, כולל CSS3, SVG ו-Canvas. מה שהוא מציע לרוב מקצועני האינטרנט הוא סט חדש של פונקציונליות ליצירת אינטראקטיביות עשירה יותר עבור אתרי אינטרנט ויישומים על פני מספר מסכים. עקב אימוץWebKitבמכשירים ניידים, HTML5 צובר משיכה רבה סביב פיתוח סמארטפונים וטאבלטים. בימיו הראשונים, HTML5 ירגיש מצטבר מבחינת האופן שבו המשתמשים יכולים לנצל אותו. אבל ככל שהמערכת האקולוגית מתפתחת, מסגרות וכלים יאפשרו לאנשי מקצוע באינטרנט ליצור עולם חדש של חוויות מעניינות כולל יישומים הנגישים במגוון מכשירים.
2. האם אוכל להשתמש ב-HTML5 גם אם למשתמשים יש דפדפנים מיושנים?
למרות ש-HTML5 עדיין בחיתוליו, ישנן מספר דרכים שבהן משתמשים יכולים להשתמש ברכיבי שפה חדשים תוך הבטחה שהתוכן מתדרדר בחן בדפדפנים שאינם נתמכים. יש הרבה מאמרים באינטרנט הדנים בטכניקות אלו. לְדוּגמָה:
מפתחים יכולים לעבוד קונספטואלית עם אלמנטים מבניים חדשים כגון Header או Footer על ידי יצירת מחלקות באותו שם וצירופן ל-divs בדף של משתמש.
אתה יכול לקחת את זה צעד קדימה על ידי שימוש ברכיבי HTML5 החדשים היום עם שילוב של JavaScript וקצת CSS כדי להבטיח תאימות לדפדפנים ישנים יותר.
מפתחים יכולים למנף ספריות JavaScript כגוןModernizrהמנצלים את היתרונות של טכנולוגיות מתפתחות (HTML5, CSS3) תוך מתן שליטה על דפדפנים ישנים שעשויים לא לתמוך בפונקציונליות זו.
מפתחים יכולים להשתמש בטפסי HTML5 עם רכיבי קלט וסוגים חדשים כדי לספק פונקציונליות עשירה יותר בדפדפנים מודרניים התומכים בהם ללא עונש בדפדפנים ישנים יותר, שבהם הם ידרדרו בחן לקלט טקסט.
כמובן שאם אתה רק מכוון לדפדפנים ניידים, אתה יכול לנצל עוד הרבה תכונות HTML5/CSS3. הדפדפנים הניידים המבוססים בעיקר על WebKit מספקים הרבה יותר תמיכה, אם כי עדיין יש כמה חוסר עקביות על פני יישומים שונים.
3. מה מעצבים ומפתחים צריכים ללמוד קודם?
מפתחים צריכים להתחיל בהדרגה על ידי הרחבת הכישורים שלהם עם טכנולוגיות שהם כבר מבינים. מינוף פונקציונליות חדשה ב-CSS3 הוא מקום מצוין להתחיל בו. אני גם ממליץ לעקוב אחר בלוגים כדי להתעדכן במתרחש ולפקוח עין על מסגרות ה-JavaScript השונות שצצות. יש הרבה חדשנות שקורה סביב מסגרות ניידות וזמני ריצה כרגע. כמה משאבים טובים לצפייה כוללים:
מפתחים צריכים גם לוודא שהם זוכרים את הפלטפורמות עבורן הם בונים, מכיוון שגורם השער כרגע הוא תמיכה בדפדפן.
4. האם אני מאחורי הזמנים?
הייפ לגבי טכנולוגיה מסוימת יכול לעתים קרובות להוביל למעצבים ולמפתחים להרגיש שהם מאחורי העקומה, אבל זה פשוט לא נכון עם HTML5. אמנם יש כאלהדוגמאות ממש מגניבותבחוץ היום, למעשה מדובר בתת-קבוצה קטנה בהרבה של מפתחי אתרים שיכולים ליצור אותם, והתוכן עובד על תת-קבוצה קטנה עוד יותר של מכשירים.
ישנם מכשולים משמעותיים שעומדים בפניהם בעת פיתוח עבור מכשירים, בנוסף לבעיות התאימות הטיפוסי של שולחן עבודה חוצה דפדפנים שכולם חווים. איך מנצלים את האצת החומרה? איך מנצלים את היתרונות של ממשקי API של המכשיר (למשל מגע, מיקום גיאוגרפי, מטמון לא מקוון וכו')? מה אתה עושה כאשר ממשקי API של המכשיר אינם נגישים באופן עקבי דרך יישומי הדפדפן?
חפש מסגרות וכלים של JavaScript שיכולים להתפשט על פני ההבדלים הללו ולספק קבוצה של אבני בניין שפועלות באופן עקבי על פני המכשירים שאליהם אתה ממקד. אמנם יש הרבה יכולות מרגשות שזמינות, אבל רוב המשתמשים יצטרכו להיות פרגמטיים בגישתם.
5. למה להמתין?
הגורמים המפתחים כרגע לאימוץ נרחב של HTML5 הם ספקי הדפדפן ומפרט HTML5/CSS3. בדומה למלחמות הדפדפנים בראשית ימי האינטרנט, יש כמות משמעותית של חדשנות המתרחשת בדפדפנים עצמם. WebKit הופך להיות הדפדפן השולט במכשירים ניידים, אבל יש כמה יישומים.פיירפוקסוכרוםלהמשיך לדחוף את הגבולות על שולחן העבודה, עםIE9מצטרף כעת למירוץ עם תמיכה עמוקה יותר עבור HTML5/CSS3. בעוד חדשנות מהירה היא חדשות טובות עבור מקצועני אינטרנט, היא גם יוצרת חוסר עקביות. זה המקום שבו המפרטנכנס לפעולה. ה-Spec מניע את הסטנדרט שכל הדפדפנים צריכים לעמוד בו. עם זאת, המפרט לא יאושר במשך שנים רבות.
רוב מקצועני האינטרנט ישרתו היטב על ידי סטנדרטיזציה של מסגרות וכלים שיכולים לעזור להם לנצל את הפונקציונליות החדשה תוך השפלה בחינניות על הדפדפנים שעדיין מאחור. אתרים כגוןמוכנות HTML5יכול לתת למשתמשים תובנות לגבי מה נתמך ומה לא נתמך בדפדפנים.
מהי העמדה של אדובי לגבי HTML5?
זו שאלה שאנו מקבלים הרבה ב-Adobe. מכיוון שהנוף הנוכחי ממשיך להתפתח במהירות, אנו מאמינים שאנשים ייהנו מיישום אסטרטגיה היברידית שבה טכנולוגיות Flash ו-HTML5 מנוצלות שתיהן בהתאם לצורך העסקי. לדוגמה, אם אתה בונה RIA ארגוני עם צוות רב-פונקציות שזקוק למסגרת פיתוח חזקה, נוכחות בכל התקנים וספק אחד מאחורי הטכנולוגיה, אז פלאש הגיוני מאוד. אם אתה בונה אתר דינמי שמכוון למחשבים שולחניים, לטאבלטים ולניידים, סביר להניח ש-HTML5/CSS3 היא הטכנולוגיה הנכונה. בקיצור, יהיו מקומות שבהם HTML5 הכי הגיוני ומספק אינטראקטיביות בסיסית, אבל תמיד יהיה מקום לאינטראקציה עשירה יותר ועקביות מובטחת, ושם אדובי מרגישה שטכנולוגיית הפלאש מצטיינת.
מַסְקָנָה
אין ספק שמעצבים ומפתחים צריכים להכיר את HTML5, ללמוד אילו יכולות נתמכות כרגע, והכי חשוב, היכן היכולות הללו זמינות בהתבסס על הקהלים שהם מנסים לכוון אליהם. למשתמשים אסור לטעות להתאהב באלמנט מסוים באתר ולטעון מראש רק כדי לגלות שזה לא עובד בכלל בדפדפן שחשוב ללקוח שלהם.
אלו זמנים מרגשים עבור מעצבים ומפתחים. לפנינו כמה אתגרים והזדמנויות גדולות שתהיה להם השפעה עצומה על עתיד האינטרנט. אני לא יכול לחכות.
משאבי פיתוח ועיצוב נוספים מ-Mashable:
-10 סרטוני עיצוב מושכים ב-Time Lapse
-מדריך למתחילים לסביבות פיתוח משולבות
-5 מגמות עיצוב חמות לבלוגרים שואפים
