דיון: אימוץ שימוש ב-css3

[IgalSt]

שלום,

למי שטרם שם לב, הצטרפתי לצוות הניהול של הוסטס כמנהל פורום תכנות.

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

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

כך לדוגמה, אני עובד עם קובץ CSS ראשי שמכיל הגדרות של CSS3 אך אני מרבה להשתמש ב-Conditional comments על מנת לכתוב "תיקון" עבור דפדפני האקספלורר השונים (בהתאם לתמיכה שהחלטתי עליה).

כמו כן אני משתמש ב-PIE.htc על מנת "ללמד" את האקספלוררים השונים תכונות חדשות כמו פינות מעוגלות, גרדיאנט, box-shadow ועוד.

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

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

למעוניינים, ניתן לראות דוגמה לשימוש בפילוסופיה הזאת באתר של Webiya (בחתימה).

מה דעתך?
כיצד אתם מאמצים את css3?
מהן שיטות העבודה שלכם בתחום?