আমি আমার সিএসএস স্টাইল শীট ফাইল নাম কি করা উচিত?

একটি ওয়েবসাইটের চেহারা এবং অনুভূতি, বা "শৈলী" CSS (ক্যাসকেডিং স্টাইল শীট) দ্বারা নির্ধারিত হয়। এটি এমন একটি ফাইল যা আপনি আপনার ওয়েবসাইটের ডিরেক্টরীতে যোগ করবেন যা বিভিন্ন CSS বিধিগুলি ধারণ করবে যা আপনার পৃষ্ঠাগুলির ভিজ্যুয়াল ডিজাইন এবং লেআউট তৈরি করবে।

সাইটগুলি ব্যবহার করতে এবং প্রায়শই করতে গেলে, একাধিক স্টাইল শীট ব্যবহার করে, এটি করার প্রয়োজন হয় না। আপনি আপনার সমস্ত সিএসএস নিয়ম এক ফাইলের মধ্যে রাখতে পারেন এবং এটি করার জন্য আসলেই উপকারিতা রয়েছে, এতে দ্রুত লোড সময় এবং পৃষ্ঠাগুলির পারফরমেন্স সহ অনেকগুলি ফাইল আনতে হবে না। অনেক বড় হলেও, এন্টারপ্রাইজ সাইটগুলিতে মাঝে মাঝে আলাদা স্টাইল শীট প্রয়োজন হতে পারে, অনেকগুলি ছোট থেকে মাঝারি সাইটগুলি আপনার পৃষ্ঠার সমস্ত নিয়মগুলির সাথে এক ফাইলের সাথে পুরোপুরি জরিমানা করতে পারে। এই প্রশ্নটি "আমি এই সিএসএস ফাইলটি কী নামব?" প্রশ্ন করে।

নামকরণ কনভেনশন বুনিয়াদি

যখন আপনি আপনার ওয়েব পৃষ্ঠাগুলির জন্য বহিরাগত স্টাইল শীট তৈরি করেন, তখন আপনার HTML ফাইলগুলির জন্য একই নামকরণ কনভেনশনগুলি অনুসরণ করে ফাইলটির নাম দেওয়া উচিত।

বিশেষ অক্ষর ব্যবহার করবেন না

আপনার কেবলমাত্র সিএসএস ফাইলের নামের মধ্যে অক্ষরগুলি A-Z, সংখ্যা 0-9, আন্ডারস্কোর (_) এবং হাইফেন (-) ব্যবহার করা উচিত। যদিও আপনার ফাইল সিস্টেম আপনাকে অন্যান্য অক্ষরগুলির সাথে ফাইলগুলি তৈরি করার অনুমতি দেয় তবে আপনার সার্ভার OS তে বিশেষ অক্ষরগুলির সমস্যা থাকতে পারে। আপনি এখানে উল্লেখ করা অক্ষর ব্যবহার করে নিরাপদ। সবশেষে, এমনকি যদি আপনার সার্ভার বিশেষ অক্ষরের জন্য অনুমতি দেয় তবে ভবিষ্যতে হোস্ট সরবরাহকারীদের কাছে যাওয়ার সিদ্ধান্ত নেওয়ার ক্ষেত্রে এটিও হতে পারে না।

কোন স্পেস ব্যবহার করবেন না

বিশেষ অক্ষরগুলির মতই, স্পেসগুলি আপনার ওয়েব সার্ভারে সমস্যা সৃষ্টি করতে পারে। আপনার ফাইল নামগুলিতে তাদের এড়াতে এটি একটি ভাল ধারণা - আপনি যদি একই ওয়েবসাইটগুলিতে তাদের যুক্ত করতে চান তবে এই একই কনভেনশনগুলির সাহায্যে পিডিএফগুলির মতো ফাইলগুলি নামকরণের জন্য এটি একটি বিন্দুও তৈরি করা উচিত। যদি আপনি দৃঢ়ভাবে অনুভব করেন যে ফাইল নামটি সহজে পড়ার জন্য আপনার কোনও স্থান দরকার, তবে হাইফেন বা আন্ডারস্কোরগুলি নির্বাচন করুন। উদাহরণস্বরূপ, "এই ফাইলটি.pdf" ব্যবহার করার পরিবর্তে "এই-দ্য-দ্য-ফাইল-পিডিএফ" ব্যবহার করুন।

ফাইল নাম একটি চিঠি দিয়ে শুরু করা উচিত

যদিও এটি একটি সম্পূর্ণ প্রয়োজন নয়, কিছু সিস্টেমের ফাইল নামগুলির মধ্যে সমস্যা রয়েছে যা একটি অক্ষর দিয়ে শুরু হয় না। উদাহরণস্বরূপ, যদি আপনি একটি সংখ্যা অক্ষর দিয়ে আপনার ফাইলটি শুরু করতে চান তবে এটি লাইনের নিচে সমস্যা সৃষ্টি করতে পারে।

সব নিম্ন ক্ষেত্রে ব্যবহার করুন

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

সম্ভব হিসাবে ফাইল নাম রাখুন

বেশিরভাগ অপারেটিং সিস্টেমে ফাইল নাম আকারের সীমা আছে তবে এটি একটি CSS ফাইলের নামের জন্য যুক্তিসঙ্গত আর অনেক বেশি। থাম্বের একটি ভাল নিয়ম ফাইলের নামের জন্য এক্সটেনশন সহ 20 অক্ষরের বেশি নয়। বাস্তবিকই, যে চেয়ে অনেক বেশি কাজ এবং যে কোনভাবে লিঙ্ক লিঙ্ক অলস।

আপনার সিএসএস ফাইল নাম সবচেয়ে গুরুত্বপূর্ণ অংশ

সিএসএস ফাইল নামটির সবচেয়ে গুরুত্বপূর্ণ অংশ ফাইলের নাম নয় তবে এক্সটেনশন। ম্যাকিনটোস এবং লিনাক্স সিস্টেমে এক্সটেনশানগুলি প্রয়োজন নেই তবে সিএসএস ফাইল লেখার সময় যে কোনওটি অন্তর্ভুক্ত করা একটি ভাল ধারণা। এই ভাবে আপনি সর্বদা জানেন যে এটি একটি স্টাইল শীট এবং ভবিষ্যতে এটি কী তা নির্ধারণ করতে ফাইলটি খুলতে হবে না।

এটি সম্ভবত একটি বড় বিস্ময় নয়, তবে আপনার সিএসএস ফাইলের এক্সটেনশনটি হওয়া উচিত:

সিএসএস

সিএসএস ফাইল নামকরণ কনভেনশন

যদি আপনার সাইটে শুধুমাত্র একটি সিএসএস ফাইল থাকে তবে আপনি যা পছন্দ করেন তা নামকরণ করতে পারেন। নিম্নলিখিতগুলির মধ্যে একটি হল অগ্রাধিকারযোগ্য:

শৈলী.css বা ডিফল্ট.css

যদি আপনার ওয়েবসাইট একাধিক সিএসএস ফাইল ব্যবহার করে তবে তাদের ফাংশনের পরে স্টাইল শীটগুলি নাম দিন যাতে প্রতিটি ফাইলের উদ্দেশ্য কী তা নিশ্চিত হয়। যেহেতু একটি ওয়েবপৃষ্ঠায় তাদের সাথে সংযুক্ত একাধিক স্টাইল শীট থাকতে পারে, এটি সেই শীটের কার্যকারিতা এবং এর মধ্যে শৈলীগুলির উপর নির্ভর করে এটি আপনার শৈলীগুলিকে বিভিন্ন শীটে বিভক্ত করতে সহায়তা করে। উদাহরণ স্বরূপ:

• লেআউট বনাম নকশা

  layout.css design.css

• পৃষ্ঠা বিভাগ

  main.css nav.css

• উপ-বিভাগ সঙ্গে পুরো সাইট

  mainstyles.css subpage.css

যদি আপনার ওয়েবসাইটটি কোন ধরনের কাঠামো ব্যবহার করে তবে আপনি সম্ভবত এটি দেখতে পাবেন যে এটি একাধিক সিএসএস ফাইল ব্যবহার করে, প্রতিটি পৃষ্ঠার বিভিন্ন অংশ বা সাইটের দিকগুলি (টাইপোগ্রাফি, রঙ, বিন্যাস, ইত্যাদি) এর জন্য নিবেদিত।

জেরেমি গিরার্ড দ্বারা সম্পাদিত