גרסה ערוכה של מאמר זה הופיעה לראשונה בגיליון 225 של המגזין .net - המגזין הנמכר ביותר בעולם עבור מעצבי אתרים ומפתחים.
@twostepmedia: היכן יש לבצע את ההרמה הכבדה בדף אינטרנט? בקצה הקדמי או בחלק האחורי?
לאה ורו: אני חסיד חזק לעשות את כל מה שאתה יכול על הלקוח. כאשר הקוד שלך פועל על הלקוח, הוא תמיד צריך להתמודד עם מכונה אחת, לא משנה עד כמה הפרויקט שלך מצליח.
כל דבר שתכתוב על השרת עשוי להזדקק להפעלת אלפי פעמים בשנייה אם הפרויקט שלך יצליח, כך שהתחזוקה וההרחבה שלו הופכים למאתגרים יותר ויותר ככל שהאתר שלך גדל. שלא לדבר על עלויות האירוח הגדלות שלעתים רחוקות מאוד ניתן לכסות באופן מלא מהכנסות האתר. בטח, הרבה לוגיקה בצד הלקוח יכולה לגרום לאתר לטעון לאט, אבל יש לנו כלים להימנע מכך, כמו זיפוש והתיישנות והכי חשוב טעינה עצלה.
@komiska: העבודה שלך מדהימה! מי נתן לך השראה ללכת בדרך הטכנולוגית?
LV: תודה! אני לא חושב שזה היה עניין של השראה ממישהו. פשוט אהבתי להכין דברים מאז שאני זוכר את עצמי. כשהייתי ילדה השתמשתי פעם במגבוני ספוג למטבח כדי להכין ארנקים ותיקים!
בסביבות 12 גיליתי שתכנות מאפשר לי לבנות דברים שימושיים ביתר קלות ומקצועיות מאשר עבודת יד. זה כל כך ריתק אותי שהתאהבתי מיד בתכנות וכל הזמן השתדלתי להשתפר בזה.
@jelmerdemaat: איך יצר @LeaVerou את @dabblet? עם איזו מסגרת PHP / טכניקת back-end אחרת? מה היה החלק הקשה ביותר?
LV: ל- Dabblet אין שום מסד נתונים והקוד בצד השרת המעורב הוא מינימלי. מעט PHP משמש רק ל- OAuth וליצור דף תוצאות לשיתוף ללא כל כרום הכיסוי סביבו (שימושי למבחני דיווח על באגים). כפי שאתה יכול לראות בנתונים הסטטיסטיים של Github, PHP מהווה שלושה אחוזים בלבד מהדבר. כל השאר הוא מצד הלקוח. זה עוזר להימנע ממצב jsfiddle: jsfiddle עושה הכל בשרת, אז עכשיו כשהוא הצליח, עומס השרתים שלו עבר דרך הגג והוא נהיה איטי.
@_dte: מהי תכונת ה- CSS הקרובה והמרתקת ביותר עבורך?
LV: סינון אפקטים בוודאות. הם מאפשרים לנו לעשות דברים שבעבר היו בלתי אפשריים, ולא רק קשים. אני לא מתרגש מאוד ממודולי פריסה, מכיוון שא) זה יעבור עידנים עד שנוכל להשתמש בהם, מכיוון שהם כלל לא מתכלים בצורה חיננית וב) פריסה תמיד הייתה אפשרית, פשוט קשה שלא לצורך. כמובן שגם מודולי הפריסה החדשים חשובים מאוד, אבל זה לא מסוג הדברים שגורמים לי להתרגש.
אני גם מאוד נרגש לגבי היחידות היחסיות לנמל הנוף פולקסווגן ו vh ואת סיומת CSS3 של attr () פונקציה שתאפשר לנו להשתמש attr () בכל נכס.
הייתי ממש רוצה לראות דפדפנים אחרים מלבד אופרה מיישמים התאמת אובייקטים ו עמדת אובייקט, כדי שנוכל להפסיק להשתמש בפריצות רקע כדי לחתוך תמונות ביחס רוחב אחר.
@gpirie: איזו תכונה הייתם רוצים להציג ב- CSS?
LV: א נוֹכְחִי() פונקציה המאפשרת לך להפנות לערך המחושב של מאפיינים אחרים. כמו הכללה של currentColor (אשר יהפוך אז לכינוי ל- זרם (צבע)). כמובן, יישום של דבר כזה הוא מאוד טריקי, אבל המציאות לא תמנע ממני לחלום!
@kevdog: מהן שלוש הטעויות הנפוצות ביותר ב- CSS?
LV: הטעות הנפוצה ביותר ב- CSS שאני רואה, היא אנשים שמקודדים את ה- CSS שלהם עם התמקדות בתוצאה, ולא בקוד נקי ומתוחזק, וגמיש (ולעתים נדירות הם משנים מחדש). זה לא רק חשוב שמשהו נראה כרגע, עם רקע מסוים, סביבה מסוימת וגודל מסוים. זה אמור להיות מסוגל לְהִסְתָגֵל לשינויים בקלות, מבלי לשכתב כל חוק בנושא בדרכים בלתי צפויות.
אתה עשוי לחשוב שלעולם לא תשנה משהו, אבל בהינתן מספיק זמן, כמעט בוודאות תוכיח שאתה טועה. מעבדים מקדימים של CSS יכולים לעזור בכך. הם הדרך הקלה אבל הם בהחלט טובים יותר מקוד מרושל וחוזר על עצמו.
טעות נוספת היא CSS מילולית מדי. אנשים לא מודעים לברירות המחדל, ולכן הם ממשיכים להגדיר אותם מחדש. הם לא מודעים לקצרנות, ולכן הם ממשיכים להגדיר את המאפיינים הארוכים במקום. יש מקרים שאתה צריך לעשות את הדברים בכוונה, אבל זו לא סיבה לעשות אותם בהתגוננות בכל דבר.
@kevdog: אם היית יכול לשנות דבר אחד במפרט CSS, מה זה יהיה?
LV: ישנן הצעות רבות שכמעט כולם ב- CSSWG מסכימים איתן, אך לא ניתן להוסיף אותן עקב שבירת השימוש הקיים באינטרנט. בדרך כלל, ה- WG מכחיש זאת לחלוטין או מוסיף מאפיינים נוספים לשליטה בהתנהגות, במקום לשנות את ברירות המחדל. ברצוני לראות דרך להצטרף לשינויים שאינם תואמים לאחור, כדי שאתרי האינטרנט הקיימים לא יישברו. שפות אחרות פתרו את הבעיה כבר מזמן, אך בעזרת HTML ו- CSS אנו ממשיכים להיאבק על תאימות לאחור במחיר של עיצוב שפה טוב.
@StuRobson: האם אתה חושב שזה עצלן עבור dev להשתמש מסגרת או boilerplate ברצינות מבלי להבין את כל מה שהוא עושה?
LV: לא, אבל אני חושב שזה עצלן עבור dev להשתמש במסגרת או boilerplate בלי צורך באופן אישי, רק בגלל שכולם עושים זאת. זה מנוגד לנסות לפתור בעיות שעדיין אין לך.
@folktrash: באיזו נקודה קרה "ידוענים"? איך ידעת? והאם זה עוזר או מפריע לאוונגליזציה של קוד קוד / סמנטיקה?
LV: תודה, אבל אני לא בטוח שאפשר לקרוא לי כך. כולם נוטים להתחשב באנשים ששמעו עליהם יותר ידועים מאשר אנשים שלא היה להם מושג לגביהם. כתוצאה מכך, לכל אחד יש נטייה טבעית להעריך יתר על המידה את התהילה שלהם, אשר צריך להיות מאוזן באופן מלאכותי (וכמעט עיוור) כאשר אתה מודע לתופעה זו. עלינו לזכור שאף אחד בתעשייה שלנו אינו באמת ידוען, איש אינו שם משפחה.
עם זאת, 2011 הייתה מטורפת, וניכר שקיבלתי יותר הכרה בעבודתי שיכולתי לקוות לה. זה בהחלט עוזר לבשורת תקנים באינטרנט. אנשים שמים לב הרבה יותר כשאני אומר משהו עכשיו מאשר לפני שנה. עם זאת, זה כרוך במחיר שדברים שאני אומר מנותחים יתר על המידה, אנשים יכולים לקרוא בהם יותר מדי ולהתקיף אותי כביכול שיש לי דעות שמעולם לא שקלתי. או לפעמים, רק בגלל שיש צפיות, נקודה.
@Tawreh: למה אתה כל כך פנאטי לגבי נשים בתעשייה? אני מבין את הצורך בשוויון, אבל אם אתה דוחף אותו לקיצוניות.
LV: פעם ראשונה שאני שומע דבר כזה "שוויון קיצוני". שוויון לעולם לא יכול להיות קיצוני ואני בספק אם מישהו בכלל יגיד דבר כזה על אפליה מסוג אחר, כמו גזענות. זה "אפליה הפוכה" או "הטיה מתקנת" שהם קיצוניים ואני מאוד נגד זה.
עם זאת, אני בכלל לא "פנאטית" כלפי נשים בתעשייה, אני "פנאטית" נגד סטריאוטיפים מגדריים מרשמים. אני כמעט ולא רואה סקסיזם בתעשייה שלנו, נראה שאנשים למדו את הלקח שלהם לפני זמן רב. אני לא חושב שההשתתפות הנמוכה של נשים בתעשייה שלנו נובעת מכך שהן מרגישות לא רצויות יותר. זה שאר החברה המגדרית שלנו שמרחיקה נשים מהנדסה. ילדות קטנות משחקות בצעצועים שלא מעודדים אותן לפתח את כישוריהם הקוגניטיביים באותה מידה כמו צעצועי בנים. סרטים וצעצועים לילדים הם הנצח הגרוע ביותר לסטריאוטיפים מגדריים ואני כמעט ולא רואה שום עניין שם. נראה שכולם ממקדים את מאמציהם במבוגרים במקום, ומתקנים את הטעויות במקום להימנע מלכתחילה לעשות אותם.
@komiska: האם אי פעם יהיה מעבר למשקל גופנים?
LV: ציטוט הערה מהמפרט, "זה לא כל כך פשוט". לרוב הנכסים אין מספיק משקולות למעבר חלק והדפדפן לא יכול לייצר את מצבי הביניים מכיוון שאין שום דרך לייצג אותם ב- CSS. עם זאת, בסופו של דבר אנו עשויים להאריך חוצה דהייה () מ- CSS4 Image Values להחיל על כל ערכי CSS, ולא רק על תמונות, אשר יפתרו את מרבית בעיות המעבר, ויעניקו לנו כלי רב עוצמה שניתן להשתמש בו גם באופן סטטי.
