דיון בנושא בתכונות css3/html5
 

כמה זמן לא הייתי פה...שנים..

בקשר לפוסט ידוע ונחמד מאוד. אחלה של מאמר.
אם כי יותר מדי מהאוכלוסיה מחזיקה בדפדפנים IE8/IE7, עד שהנתונים לא יהיו זניחים (עד לרמה של IE6 כיום). אף אתר לא ישתמש בו. אותו דבר הhtml5 ויכולות הcanvas.
הלוואי שמיקרוסופט יתעורר ויעשו פעולה נרחבת כדי להעיף את 2 הדפדפנים האלו מהעולם כמו שהם עשו לIE6, אבל זה יקח זמן.
למי שבונה אתרים ורוצה לראות טיפה נתונים וסטטיסטיקות כדי להבין על מה מדובר:
http://www.w3schools.com/browsers/browsers_stats.asp

נכון לחודש פברואר:
IE7 וIE8 הם כ12.8% מאוכלוסיות הגולשים, מה שאומר 1 מ7 ומשהו גולשים גולש באחד מהם. לדעתי זה עדיין יותר מדי בשביל אתר גדול שמכבד את עצמו. לעומת IE6 שהוא פחות מ1% (מעגלים טיפה למעלה שם בסטטיסטיקות..לפחות לפי דעתי).

הIE הישנים מחזיקים מעמד בסטטיסטיקות בזכות הארגונים והמוסדות, ומדינות עולם שלישי (למשל ישראל, שבה לפיירפוקס יש נתח שוק אפסי וגוגל כרום התחיל לחדור רק בשנים האחרונות).
עם צאת חלונות8 לדעתי הם ימחקו מהסטטיסטיקה סופית. ואי אפשר להתעלם מתופעות הטאבלטים.

מה שעושים זה CSS נפרד לIE שבו כל פעם שיש שימוש בborder-radius וכו' משתמשים בתמונות. זה יפגע בטעינת הדף אבל זה הפתרון היחיד.

לטרח כל כך הרבה רק בשביל משתמשי אקספלורר?

הדפדפן גם כך ימות עם הזמן. להזכירכם לפני 10 שנים הוא חרש על 95% מהשוק

זה נכון חלקית בקשר למוסדות, אבל עדיין אי אפשר לשכוח שזה נתח שוק גדול. שוב, תלוי לאיזה קהל יעד אתה מכוון.

בקשר לCSS מותאם, אפשרי ולהחליף בתמונות רקע זה אפשרי. למי שיש כח לעשות צילומי מסך כדי שזה יראה בדיוק לפי איך שזה מוצג בדפדפן (לא בדקתי, אבל בטוח יהיו הבדלים באיכות ואפילו בחלק מהצורה בין איך שפוטושופ יצור את זה ואיך שהדפדפן).

בכל מקרה, כמו שאמרו פה. IE ידעכו זה רק שאלה של זמן עד שIE8 יהיה פחות מ5% (5 מתוך 100 גולשים זה משהו שעוד אפשר לחיות איתו) ולפי הגדילה של הדפדפנים בכלל וCHROME בפרט, שההפצה שלו גדלה בצורה אסטרונומטית זה לא יהיה עוד יותר מדי זמן. מתי שXP ימות, כל דפדפני 9 ומטה ימותו איתו.

ראשית, הרשתי לעצמי לפצל את הדיון שהתפתח בנושא css3/html5 לטופיק נפרד מהטופיק המקורי שבו הדיון התחיל. לדעתי הנושא הזה הרוויח דיון נפרד.


זוהי סטטיסטיקה עולמית.
אני רוצה להאמין שבארץ המספרים הם יותר יפים. עם זאת, אין לי סטטיסטיקה שיודעת לאשש זאת.

ישנם פתרונות ל-IE שלא דורשים תמונות.
לדוגמה PIC.htc שאני עושה בו שימוש נרחב (פה, פה, פה ובעוד לא קצת מקומות)


באופן כללי, לדעתי זה מאוד שגוי לא לאמץ כלים החדשים בגלל שכ-12% מהגולשים שלך לא יהנו מכך.
צריך לדאוג לתאימות נאותה ל-IE8, אבל בהחלט אם הגולש משתמש בדפדפן מיושן לא יכול לעזור לו.

אני ממליץ מאוד לקרא על css progressive enhancement.
לדוגמה, אם יש כפתורים עם פינות מעוגלות ואיזשהו גרדיאנט, אז בד"כ יהיה עדיף לממש זאת עם תכונות של css 3 ופתרון fallback לתמונה עבור IE8 ומטה, או אפילו לוותר על פינות מעוגלות וגרדיאנט בדפדפנים אלה. כל עוד המשתמש רואה את הכפתור בצבע קריא זו לא בעיה.
העובדה שהעיצוב לא נראה אחת לאחת לעיצוב במוקאפ לא אמורה להוות בעיה.

אגב, ההודעה של גוגל על הפסקת התמיכה ב-IE7 בקיץ האחרון היית הזדמנות טובה להפסיק לתמוך בו גם באתרים שאנחנו בונים.

יגאל - בארץ המצב הרבה יותר גרוע, אתה יכול להסתכל על סטטיסטיקות באתר מספיק גדול ולהבין בערך את הממוצע (אם אתה רוצה מאתר עם ממוצע של 13 אלף כניסות ביום - כרום: 53%, אקספלורר: 34% { 8: 52%, 7: 6% }, פיירפוקס: 6%)

ולדעתי - כל עוד זה לא פוגע בעיצוב של האתר בצורה משמעותית, אפשר לוותר על התמיכה בדפדפנים האלה,
דברים כמו גרדיאנטים שיותר פשוט אפילו לקחת תמונה ברוחב פיקסל שלא שוקלת יותר מ-100 בייט אז קצת בזבוז להשקיע יותר ב-CSS ואז גם למנוע תמיכה בדפדפנים ישנים, אבל כל ההצללות, פינות מעוגלות וכו' - זה לא משהו שכזה ישנה אם דפדפנים ישנים לא יראו את זה

ואם כבר מדברים על הנושא הזה פה, אני לא יודע כמה מפה מכירים אבל יש את Modernizr שיכול לעזור בצורה ממש פשוטה להתאים את העיצובים לדפדפנים ישנים בלי CSS נפרד ודברים כאלה, פשוט מתייחסים ל-class המתאים שנמצא בתאגית HTML ומגדירים עיצוב שונה רק לחלקים קטנים מהקוד בדפדפנים ישנים

בוא נדבר ת'כלס:
כלים כמו גראדיאנט בCSS3, מולטיפל באקגראונד, צ'וקולוקים נוספים למינהם הם מגניבים יפים, אבל כמעט אף אחד לא משתמש בהם כי הם טריים מהניילון.. יותר מידי חדשים. אז אני מעדיף להסתדר בשיטות המסורבלות והישנות שבמחשבה שניה עושות לי פחות כאב ראש עם הגראפיקאים והדפדפנים..

לגבי שאר התמיכה בIE וירקות שפג זמנם:
אני באופן כללי עובד דיי תקין ככה שהכלים הרגילים של PIE IE והכלי JS שגורם לתמיכה "כמו" של IE9 מעולה(ie7-js) הגעתי עליו דרך סמאשמגזין והוא מעולה!
וחוץ מזה אני תומך עד IE7 ועומד להפסיק גם עם 7..

בכללי- הגישה שלי היא שאם המשתמש טיפש ולא משדרג את המחשב/הדפדפן שלו זו בעיה שלו, ואני לא מחפש אותו כגולש.. כי גם ככה אם הוא IE6 הוא לא מבין וסומך על מחשבים אז הוא גם לא יקנה כלום ממני.. וחוץ מזה זו בעיה של הלקוח.
מי שמתעקש על IE6 שישלם אקסטרה. הרבה אקסטרה.

~ אלמוג בקו

גם IE10 לא הולך להיות מציאה
הבעיה היא לא רק דפדפנים אלא גם מסכים קטנים, עדיין יש יותר מידי אנשים עם רזולוציה ברוחב 1024 וזה מגביל אותך בUI

אלו הם לא כלים חדשים מהניילון, אם כי התקן עדיין לא נסגר.
מבחינתי בדברים הרגילים שבהם אומנם לכל דפדפן יש פרפיקס משלו, אבל הסינטקס של הפקודה זהה, כדאי ומומלץ לממש עם תמיכה קדימה (כלומר הוספת הפקודה ללי הפריפיקס).
עבור דברים אחרים (כמו לדוגמה עיצוב ה-placeholder של html5 שנתקלתי בו השבוע), בהם גם הפקודות עצמן משתנות מדפדפן לדפדפן ניתן לשקול להמנע מהם כרגע.

לדעתי, בכל תחום, שימוש בטכניקות וטכנולוגיות חדשות מצביע על מקצועיות רבה יותר.
אנו מפתחי האתרים צריכים לבנות פתרונות היום שיהיה בשי הטכנולוגיה בעוד שנה וחצי שנתיים.
ממליץ לקרא בנושא הזה פוסט מאוד מעניין מהמפתחים של Trello מ-FogCreek. אבל אם לא, אביא רק ציטוט אחד:
ציפיתי להרבה יותר מ-IE9 והתאכזבתי. הוא "שווק" כאחה שעומד בסטנדרטים ואפילו יש לי חולצה כזאת שקיבלתי במפגע עם מנהל הפיתוח של הדפדפן (כאשר על הגב יש לוגו של IE9 Beta):
https://fbcdn-sphotos-a.akamaihd.net..._3263958_n.jpg
לכן מ-IE10 ממש אין לי ציפיות.
עם זאת, חשוב להתחיל להכיר אותו ואת הבעיות שלו בהקדם כדי לדעת לתמוך בו ברגע שהוא יוצא. סביר להניח שברגע שהוא יצא, חלק גדול מהגופים יפסיקו לתמוך ב-IE8 והגולשים הסרבנים יאלצו לשדרג.

גם רזולוציות נמוכות בעייתיות, אבל אם עובדים איתן נכון זה יכול להיות דווקא מעניין לפיתוח. בשבועות האחרונים עבדתי על כמה אתרים עם responsive design תוך שימוש ב-media queries ויצירת אלמנטים בעמוד שבעיקרם לא מבוססים על תמונות. התוצאות מעניינות אני חייב לציין.
זה רלוונטים היום דווקא בגלל התפוצה ההולכת וגוברת של גולשים ממובייל ומטבלטים. במקום לייצר אתרים נפרדים לשלושה קהלים, אפשר להשתמש ב-CSS כדי לעצב את אותו המארקאפ לתצוגה בכל אחד מהם.