আমার বেস্ট সিএসএস ভুল

আমরা সবাই আমাদের কোডে ভুল করি। এটা ঘটে! আমি জানি যদি আমার ডেস্কের উপর ঝুলন্ত সেই "শেষ ভুলের দিন" চিহ্নগুলির মধ্যে একটি থাকে, তাহলে একটি বড় রাজহাঁসের ডিম আমার উপরে সব সময় ঘোরাফেরা করবে। এটা বড় ভুল হতে হবে না, হয়. আমার আনাড়ি স্বয়ং টাইপো থেকে শুরু করে এনপিএম মডিউল ডিরেক্টরিগুলি সম্পূর্ণ করার সমস্ত উপায়ে রেপোতে ছোট ত্রুটি করেছে।

উফফফ

এটি সিএসএস সম্পর্কে আমি সত্যিই পছন্দ করি এমন একটি জিনিস: এটি হেক হিসাবে ক্ষমাশীল। যদি এটি একটি টাইপো বুঝতে না পারে, তবে এটি একটি ম্যাচের সন্ধানে ক্যাসকেড খুঁজতে থাকে। সেই জিনিসগুলির কোনওটিই যেখানে স্থানের বাইরের একটি অক্ষর একটি সাইট ভেঙে দেয় এবং কোনও বন্দী নেয় না। কিন্তু যখন CSS ভুল পপ আপ হয় তখনও এটা বিব্রতকর!

এটির মতো আমি স্বীকার করতে চাই তার চেয়ে অনেক বেশি সময় নিজেকে তৈরি করছি:

.element {
  display: flexbox; /* 🤦‍♂️ */
}

অথবা যখন আমি একটি ছাড়া গ্রেডিয়েন্ট সেট করার চেষ্টা করি 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. সিরিয়াসলি, এই জিনিসগুলি ঘটে!

ভুল সম্পর্কে কথা বলা কঠিন

আপনি কি কখনও কিছু আশ্চর্যজনক কৌশল ভাগ করে কিছু ব্লগ পোস্ট পড়া শেষ করেছেন এবং কিছু ধরণের ইমপোস্টার সিনড্রোম অনুভব করেছেন? আমি মনে করি এটি মূলত কারণ ব্লগ পোস্টগুলি প্রায়ই আসল কাজ - এবং ব্যর্থতাগুলিকে মুখোশ দেয় - যা আশ্চর্যজনক কৌশলগুলিতে যায়৷ জীবিকার জন্য এই ধরনের পোস্টগুলি পড়ে এমন একজন হিসাবে, আমি আপনাকে বলতে পারি যে অনেকেই, যদি বিশাল সংখ্যাগরিষ্ঠ না হয়, অনেকগুলি সম্পাদনার মধ্য দিয়ে যান যেখানে সম্ভাব্য বিব্রতকর ভুলগুলি আগাছা এবং মসৃণ করা হয়৷

এমনকি যারা হাস্যকরভাবে ভয়ঙ্কর নিবন্ধগুলিকে সেগুলি পাওয়ার আগে ব্যর্থ হতে হবে ooooos এবং আহহহহহ.

যেকোন অ্যাপ, ওয়েবসাইট, ডেমো বা আপনার সামনে আসা যাই হোক না কেন তা একই রকম। তাদের মধ্যে যেকোনও প্রথমবারের মতো নিখুঁতভাবে বেরিয়ে আসার সম্ভাবনা কিছুই নয়।

কিন্তু আমি যদি আপনার সাথে সম্পূর্ণ সৎ হই, তবে আমি প্রায়শই আরও অবাক হই (এবং আগ্রহী) যাত্রা এটা কিছু সম্পন্ন করতে লাগে, warts এবং সব. যাত্রাটি কেমন তার একটি আভাস ফ্রন্ট-এন্ড ডেভেলপারের মত চিন্তা করুন. সেখানেই বাস্তব (এবং সবচেয়ে মূল্যবান) শেখার ঘটনা ঘটে।

এবং এই সবই নিছক যা আমি সত্যিই জিজ্ঞাসা করতে চাই তা তৈরি করছে…

আপনার নির্বোধ CSS ভুল কি কি?

চলুন, আমরা সবাই জানি আপনি কিছু তৈরি করেছেন! আসুন তাদের কাছ থেকে শিখি!