כמפתחים חזיתיים, ייחלנו להרבה דברים לאורך השנים - דרכים למרכז דברים ב-CSS, לכלול סגנונות, להגדיר יחס רוחב-גובה של אלמנט, לקבל שליטה עדינה יותר על הצבעים שלנו, לבחור אלמנט על סמך מאפיינים של ילדים, מנהלים שכבות של ספציפיות, מאפשרים לאלמנטים להגיב לרוחב הוריהם... הרשימה נמשכת עוד ועוד.
ועכשיו, כשקיבלנו את כל מה שייחלנו לו ויותר, חלקנו שואלים - האם יש לנו עכשיו יותר מדי CSS?
הזמנים האפלים
אם אתה, כמוני, הגעת בפיתוח אתרים בתקופת הינקות של CSS, הרעיון שיש יותר מדי מזה נראה מגוחך.
בעבר, למעשה כל תיאור התפקיד של מפתח קצה כלל התמודדות עם המגבלות של CSS. ה פריצת clearfix כדי לנקות מצופים, את פריצת ריפוד של 100%. לעשות חלוקות מרובעות, שלא לדבר על יישום אקראי למחצה של מאפיינים לא קשורים כדי להערים על Internet Explorer לבצע את ההצעות שלך.
באותו זמן, הדפדפן היה אויב ערמומי שיש להביס אותו באמצעות ערמומיות גרידא וחשופים סתמיים. היום, הנכס המושלם מחכה ורק העתק-הדבק משם ב-MDN.
העידן החדש של CSS
אבל היום הדברים שונים בתכלית: לא רק שהדברים זזים הרבה יותר מהר, אלא גם ספקי הדפדפנים אכפת למעשה על לשמח מפתחים! אני יודע, גם אני לא האמנתי. אבל אני מפעיל את השנתי מצב CSS סקר מפתחים (כלומר פתח עכשיו דרך אגב - לך קח את זה!) ואני יודע בוודאות שצוותי פיתוח דפדפן משתמשים בתוצאות הסקר (בין נקודות נתונים רבות אחרות) כדי ליידע את מפת הדרכים שלהם.
מעבר לכך, גוגל גם עזרה לממן את עבודתי בסקר, ואף גייסה לעבודה לאה ורו לקחת את ההובלה בבחירת שאלות הסקר של השנה.
זה לא רק גוגל. זה הפך להיות אופנתי להרוס את ספארי ואפל בכלל (לפעמים בצדק), אבל אי אפשר להכחיש כמה מישהו אוהב ג'ן סימונס עוסק בהקשבה למפתחים ושיפור האינטרנט.
ולא רק שספקי דפדפנים משפרים את ה-CSS בעצמם; הם אפילו משתפים פעולה על פני קווי קרב עם יוזמות כגון אינטרופ 2023 כדי לעזור להפחית חוסר עקביות וחוסר תאימות בין דפדפנים.
יותר מדי דבר טוב?
התוצאה של כל זה היא שאנו עומדים כעת בפני מבוכה של עושר CSS, ויכול להיות שקשה להדביק את הפער. רשת CSS התחילו להיות נתמכים בדפדפנים הגדולים לפני כמעט חמש שנים, ובכל זאת אני עדיין בודק הפניה בכל פעם שאני משתמש בה. ומגניב כמו תת רשת נראה, עדיין לא ניסיתי את זה.
במהלך תהליך הבחירה אילו תכונות CSS לכלול או לא במדינת CSS, לאה ואני שקלנו תכונות רבות, אבל דחינו גם לא מעט. כמה דוגמאות לתכונה אנחנו לא כוללים הם:
- אל האני
linear()פונקציית הקלה, המאפשר לך להגדיר עקומות הקלות בפירוט רב יותר. - אל האני
env()פונקציה, המאפשר לך להשתמש במשתנים שהוגדרו על ידי הדפדפן או המכשיר. - אל האני
scrollbar-widthמאפיין, שעוזר לשלוט במראה של פס גלילה. - אל האני
margin-trimמאפיין, המאפשר לך לשלוט כיצד יתנהגו השוליים של הילדים של המכולה.
כל אלה עשויים להיות שימושיים מאוד, וכולם היו חדשות גדולות במהלך בצורת ה-CSS של השנים האחרונות. אבל בהקשר של היום הם צריכים להילחם על תשומת הלב עם הכרזות הרבה יותר גדולות, כמו הבורר has() או קינון CSS!
לא מתרגש
בתור סילבסטר ביסטרוביץ' כותב, הוא "לא כל כך מתרגש מכל תכונות ה-CSS החדשות האלה." זה מצא הד בטוויטר, עם שרה סויידאן בטענה שמה שאכפת לה הוא "מעשיות, לא כמה תכונה נראית נוצצת כרגע".
זה אולי נראה כמו גישה שלילית, אבל אני חושב שזה מובן. לא ניתן לצפות מאף אחד להתעדכן בכל כך הרבה תכונות חדשות!
תוצאה לא מכוונת נוספת (או אולי, מכוונת?) היא שככל שה-CSS נעשה מורכב יותר, כך הוא מעלה את הרף עבור כל חברה חדשה שרוצה לפתח מנוע דפדפן - שלא לדבר על עומס העבודה הנוסף בכל הנוגע לתחזוקה ותיעוד של כל התכונות החדשות הללו.
הישג מופרז של CSS
יש גם את החשש המדוייק ש-CSS עשוי להסתעף לאזורים שלא ממש מתאים לטפל בהם. זה דבר נוסף שרה סויידאן ציינה כשהגיבה ליישום הניסיוני החדש של CSS Toggles (הנה כרטיס שדן בזה):
רבים הציגו את הנקודה ההגיונית שהתנהגות מסוג זה תטופל בצורה הטובה ביותר על ידי אלמנט HTML חדש במקום לנהל מצב החלפת רק באמצעות CSS, וכי ייתכן ש-CSS אינו המדיום הטוב ביותר כדי להבטיח שבעיות נגישות מטופלות כראוי.
כאשר CSS משתלט על משהו שטופל בעבר דרך JavaScript, זה בדרך כלל נתפס כדבר טוב, מכיוון שלעתים קרובות זה מפחית את כמות הקוד שהדפדפן צריך לטעון. לכן, אני אופטימי בזהירות לגבי חילופי CSS ובטוח שקבוצת העבודה של CSS תטפל כראוי בדאגות הקהילה. אבל יכול להיות שעוד יבוא יום שבו נתחיל לדאוג ש-CSS עלול להתרחב מעבר לגבולותיו ולפלוש לאחריות של HTML ו-JavaScript.
ציפיות חדשות
ואולי זה מה שצריך לשנות: אולי כדאי שנפיל את הציפייה שמפתחי CSS צריכים לדעת את כל של CSS?
הציפייה הזו נובעת מהימים שבהם CSS היה מחשבה שלאחר מכן, התחביר הקטן והמעצבן הזה שהיית צריך ללמוד כדי להפוך את הכפתור שלך לכחול ומודגש בדיוק כמו שהלקוח ביקש. אבל אני חושב שאנחנו צריכים לקבל את זה שה-CSS של היום עשוי להיות עצום מדי בשביל שאדם בודד יוכל לשלוט בו, במיוחד בנוסף לחובות חזיתיות אחרות.
As מישל בארקר מנסח זאת:
ושם אני, בעצמי, נוחת בסופו של דבר. השלמתי עם העובדה שכנראה לעולם לא אשתמש - או אפילו אדע על - בכל תכונות ה-CSS האפשריות. וזה בא ממישהו ש עורך סקר על CSS!
אבל התכונות החדשות הללו בוודאי יהיו שימושיות מישהו. מישהו יכתוב עליהם פוסטים בבלוג, יצור איתם CodePens מגניבים, יעביר עליהם הרצאות. האדם הזה יהיה מפתח מגניב, צעיר, אנרגטי שעדיין יש לו את כל השיער שלו. במילים אחרות, זה לא אהיה אני - וזה בסדר.
ואולי אתה חושש שהמפתח החדש הזה יהיה המום מכל הדברים שהם צריכים ללמוד בבת אחת. אבל זכור את כל הדברים שהם לא צריך ללמוד על זה, בדיוק בגלל שהוא הוחלף בחלופות החדשות יותר האלה. אני יודע שהייתי לוקח את העסקה הזו בכל עת.
אבל תחשוב על זה: בשנתיים האחרונות, לא רק שראינו עלייה עצומה במספר המכשירים שאנחנו צריכים לתת להם מענה, התחלנו גם לזהות שכולנו צורכים את האינטרנט באופנים מעט שונים, בין אם בשל למוגבלות, להקשר הנוכחי, או רק להעדפות אישיות. האם CSS לא אמור להסתגל למציאות החדשה הזו?
עכשיו, אני חייב להודות שכל זה גרם לי להרגיש קצת נוסטלגי... אז תסלחו לי בזמן שאני מפנה כמה מצופים, רק למען הישן.
כפי שציינתי, השנתי מצב סקר CSS כעת פתוח. בין אם אתה חושב שיש יותר מדי CSS או לא, הסקר הוא דרך מצוינת לתת למפתחי דפדפן לדעת איך אתה מרגיש, אז לך למלא אם יש לך 10 דקות.
