כולנו עושים טעויות בקוד שלנו. זה קורה! אני יודע שאם היה לי אחד מאותם שלטי "ימים מאז הטעות האחרונה" תלוי מעל השולחן שלי, ביצת אווז גדולה הייתה מרחפת מעלי כל הזמן. זה גם לא חייב להיות טעויות גדולות. האני המגושם שלי ביצע שגיאות קטנות ב-repos, החל משגיאות הקלדה ועד להשלמת ספריות מודול npm.
וואווווווו.
זה אחד הדברים שאני מאוד אוהב ב-CSS: זה סלחן לעזאזל. אם הוא לא מבין שגיאת הקלדה, הוא ממשיך לחפש את המפל בחיפוש אחר התאמה. שום דבר מהדברים האלה שבהם דמות לא במקום שוברת אתר ולא לוקחת שבויים. אבל זה עדיין מביך כשצצות שגיאות CSS!
כמו זה אני מוצא את עצמי עושה הרבה יותר פעמים ממה שהייתי רוצה להודות:
.element {
display: flexbox; /* 🤦♂️ */
}או כשאני מנסה להגדיר שיפוע ללא a background נכס:
.gradient {
linear-gradient(45deg, rgb(50% 100% 90%), rgb(62% 85% 93%));
}אני שונא כמה קרוב X ו C נמצאים על מקלדת כי אני לא יכול לספור כמה פעמים אני חושף משהו וטועה px ל pc יחידות.
.element {
font-size: 16pc; /* I meant pixels! */
}שגיאת CSS נוספת שאני תופס כל כמה זמן היא אחת שאני יודע שאנשים רבים אחרים עושים כי אני מזהה אותה לעתים קרובות מדי בפוסטים בבלוג עם קטעי קוד:
// This is not a CSS comment.
.element {
/* This is a CSS comment. */
}האם אי פעם שכחת להשתמש var() סביב משתנה CSS? בטח יש לי.
.element {
color: --primary-color;
}אם כבר מדברים על משתני CSS, קשה לתת להם שמות (כמו כל דבר אחר) ולעיתים קרובות אני משתמש באיזו גרסה לא נכונה של משתנה שקראתי לו!
:root {
--color-primary: #FF5722;
--color-secondary: #3E2723;
}
/* Much later on... */
.element {
color: var(--primary-color); /* 🙃 */
}כן, אכן העתקתי בעבר קטע של CSS רק כדי שציטוטים מפוארים יפריעו לזה לעבוד:
.element::before {
content: “”; /* Should be "" */
}וכן, ביליתי יותר מדי זמן כדי להבין שהציטוטים האלה הם האשם.
מסתכל על האחרון הזה מזכיר לי שלפעמים אני שוכח להגדיר את content נכס כשאני עובד איתו ::before or ::after. מה שמזכיר לי איך שכחתי להגדיר אלמנט position לפני שמנסים לקזז אותו או לשנות אותו z-index. ברצינות, הדברים האלה קורים!
קשה לדבר על טעויות
האם אי פעם סיימת לקרוא איזה פוסט בבלוג ששיתף איזה טריק מדהים והרגשת איזושהי תסמונת מתחזה? אני חושב שזה בעיקר בגלל שפוסטים בבלוג מסווים לעתים קרובות את העבודה האמיתית - והכישלונות - שנכנסים לטריקים מדהימים. כמי שקורא פוסטים כאלה לפרנסתו, אני יכול לומר לך שרבים, אם לא רובם המוחלט, עוברים סבבי עריכה רבים שבהם נכש וחלקם טעויות שעלולות להיות מביכות.
אפילו המאמרים המדהימים עד כדי גיחוך צריכים להיכשל לפני שהם מקבלים את כל אלה אוווווו ו אהההההה.
אותו הדבר נכון לגבי כל אפליקציה, אתר, הדגמה או כל מה שתתקלו בו. הסיכוי שמישהו מהם יצא מושלם בפעם הראשונה הוא כמעט כלום.
אבל אם אני כנה איתך לגמרי, אני לעתים קרובות יותר מופתע (ומתעניין) בעניין מסע זה דרוש כדי להשיג משהו, יבלות והכל. המסע הוא הצצה אל איך זה לחשוב כמו מפתח קצה. שם מתרחשת הלמידה האמיתית (והחשובה ביותר).
וכל זה רק מתבסס למה שאני באמת רוצה לשאול...
מהן טעויות ה-CSS המטומטמות ביותר שלך?
קדימה, כולנו יודעים שהכנת! בואו ללמוד מהם!
