كلنا نرتكب أخطاء في التعليمات البرمجية الخاصة بنا. يحدث ذلك! أعرف ما إذا كانت لدي إحدى لافتات "الأيام منذ الخطأ الأخير" المعلقة فوق مكتبي ، فإن بيضة أوزة كبيرة تحوم فوقي طوال الوقت. لا يجب أن تكون أخطاء كبيرة أيضًا. لقد ارتكبت نفسي الخرقاء أخطاء صغيرة في عمليات إعادة الشراء التي تتراوح من الأخطاء المطبعية على طول الطريق إلى أدلة وحدة npm كاملة.
ووهووووبس.
هذا أحد الأشياء التي أحبها حقًا في CSS: إنه متسامح تمامًا. إذا لم يفهم خطأ مطبعي ، فإنه يستمر في البحث عن التسلسل بحثًا عن تطابق. لا شيء من تلك الأشياء حيث يقوم شخص خارج المكان باختراق الموقع ولا يأخذ سجناء. ولكن لا يزال الأمر محرجًا عندما تظهر أخطاء CSS!
مثل هذا ، أجد نفسي أشق طريقًا مرات أكثر مما أود أن أعترف به:
.element {
display: flexbox; /* 🤦♂️ */
}أو عندما أحاول ضبط التدرج اللوني بدون ملف background خاصية:
.gradient {
linear-gradient(45deg, rgb(50% 100% 90%), rgb(62% 85% 93%));
}أنا أكره كم هو قريب X و C على لوحة المفاتيح لأنني لا أستطيع حساب عدد المرات التي أواجه فيها النيران في شيء وأخطأ px For 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. على محمل الجد ، هذه الأشياء تحدث!
من الصعب الحديث عن الأخطاء
هل انتهيت من قراءة بعض منشورات المدونة التي تشارك بعض الخدع المذهلة وشعرت بنوع من متلازمة Imposter؟ أعتقد أن هذا يرجع إلى حد كبير إلى أن منشورات المدونة غالبًا ما تخفي العمل الحقيقي - والإخفاقات - التي تدخل في حيل مذهلة. بصفتي شخصًا يقرأ منشورات كهذه من أجل لقمة العيش ، يمكنني أن أخبرك أن الكثيرين ، إن لم يكن الغالبية العظمى ، يمرون بجولات عديدة من التحرير حيث يتم التخلص من الأخطاء التي قد تكون محرجة وتسهيلها.
حتى تلك المقالات الرائعة بشكل يبعث على السخرية يجب أن تفشل قبل أن تحصل على كل ذلك أوووس و أهها.
وينطبق الشيء نفسه على أي تطبيق أو موقع ويب أو عرض توضيحي أو أي شيء تصادفه. فرص أي منهم خرجت بشكل مثالي في المرة الأولى هي قريبة من أي شيء.
ولكن إذا كنت صادقًا معك تمامًا ، فغالبًا ما أكون مندهشًا (ومهتمًا) بـ رحلة يتطلب الأمر إنجاز شيء ما ، الثآليل وكل شيء. الرحلة هي لمحة عما يشبه ذلك يفكر مثل مطور الواجهة الأمامية. هذا هو المكان الذي يحدث فيه التعلم الحقيقي (والأكثر قيمة).
وكل هذا مجرد بناء على ما أريد حقًا أن أسأله ...
ما هي أغبى أخطاء CSS لديك؟
هيا ، نعلم جميعًا أنك صنعت بعضًا! دعونا نتعلم منهم!
