তারা কি এবং কেন আপনি তাদের ব্যবহার করা উচিত
সিএসএস বিক্রেতার প্রিফিক্সগুলি, একসময় বা সিএসএস ব্রাউজার প্রিফিক্স নামেও পরিচিত, ব্রাউজারের প্রস্তুতকারকদের নতুন CSS বৈশিষ্ট্যের জন্য সমর্থন যোগ করার জন্য এটি একটি উপায়। এটি একটি পরীক্ষার এবং পরীক্ষার সময়কালের মধ্যে করা যেতে পারে যেখানে ব্রাউজার প্রস্তুতকারী ঠিক কিভাবে এই নতুন CSS বৈশিষ্ট্যগুলি বাস্তবায়িত হবে তা নির্ধারণ করছে। কয়েক বছর আগে CSS3 এর উত্থানের সাথে এই প্রিফিক্স খুব জনপ্রিয় হয়ে ওঠে।
যখন CCS3 প্রথম চালু করা হয়েছিল, তখন বেশ কয়েকটি উত্তেজিত বৈশিষ্ট্যগুলি বিভিন্ন সময়ে বিভিন্ন ব্রাউজারগুলি শুরু করতে শুরু করেছিল। উদাহরণস্বরূপ, ওয়েবকিট-চালিত ব্রাউজারগুলি (Safari এবং Chrome) রুপান্তরিত এবং সংক্রমণের মত কিছু অ্যানিমেশন-শৈলী বৈশিষ্ট্যগুলি পরিবেশন করা প্রথম ব্যক্তি ছিল। বিক্রেতার প্রিফিক্ট প্রোপার্টি ব্যবহার করে, ওয়েব ডিজাইনাররা তাদের নতুন বৈশিষ্ট্যগুলি তাদের কাজে ব্যবহার করতে সক্ষম হয়েছেন এবং ব্রাউজারগুলি যেগুলি তাদের সমর্থন করে তা দেখতে সক্ষম হয়েছে, অন্য ব্রাউজারের প্রস্তুতকারকের সন্ধানে অপেক্ষা করার পরিবর্তে!
সুতরাং একটি ফ্রন্ট-এন্ড ওয়েব ডেভেলপারের দৃষ্টিকোণ থেকে, ব্রাউজারের প্রিফিক্সগুলি নতুন CSS বৈশিষ্ট্যগুলিকে একটি সাইটে যুক্ত করতে ব্যবহার করা হয় যখন ব্রাউজারগুলি এই শৈলীগুলি সমর্থন করবে তা বোঝা যায়। এটি বিশেষভাবে সহায়ক হতে পারে যখন বিভিন্ন ব্রাউজার নির্মাতারা সামান্য ভিন্ন উপায়ে বৈশিষ্ট্যগুলি বা একটি ভিন্ন সিনট্যাক্স ব্যবহার করে।
আপনি ব্যবহার করতে পারেন এমন CSS ব্রাউজার আর্গুমিকগুলি (প্রতিটিটি একটি ভিন্ন ব্রাউজারের জন্য নির্দিষ্ট):
- অ্যান্ড্রয়েড: - ওয়েবকিত-
- ক্রোম: - ওয়েবকাইট-
- ফায়ারফক্স: -মোজ-
- ইন্টারনেট এক্সপ্লোরার: -এমএস-
- আইওএস: -ওয়েবকিট-
- অপেরা: -অ-
- সাফারি: - ওয়েবকিত-
অধিকাংশ ক্ষেত্রেই, একটি নতুন সিএসএস স্টাইলের সম্পত্তি ব্যবহার করার জন্য, আপনি স্ট্যান্ডার্ড সিএসএস বৈশিষ্ট্যাবলী গ্রহণ করেন এবং প্রতিটি ব্রাউজারের জন্য প্রিফিক্স যোগ করেন। পূর্বনির্ধারিত সংস্করণগুলি সর্বদা প্রথমে আসবে (যে কোনও ক্রমে আপনি পছন্দ করেন) যখন স্বাভাবিক CSS সম্পত্তি শেষ হবে। উদাহরণস্বরূপ, যদি আপনি আপনার নথিতে একটি CSS3 ট্রান্সিশন যোগ করতে চান, আপনি নীচে দেখানো রূপান্তর সম্পত্তি ব্যবহার করবেন:
-ওয়েবকিট- ট্রানজিশন: সব 4 এস সহজলভ্য;
-মজ- সংক্রমণ: সব 4s আরাম;
-এমস- সংক্রমণ: সব 4s আরাম;
-অ- রূপান্তর: সব 4s আরাম;
পরিবর্তন: সব 4s আরাম;
দ্রষ্টব্য: মনে রাখবেন, কিছু ব্রাউজারে অন্য বৈশিষ্ট্যের তুলনায় নির্দিষ্ট বৈশিষ্ট্যগুলির জন্য একটি ভিন্ন সিনট্যাক্স রয়েছে, তাই অনুমান করবেন না যে একটি সম্পত্তিটির ব্রাউজার-প্রিফিক্সড সংস্করণ ঠিক একই রকম মান বৈশিষ্ট্য হিসাবে। উদাহরণস্বরূপ, একটি CSS গ্রেডিয়েন্ট তৈরি করতে, আপনি রৈখিক-গ্রেডিয়েন্ট সম্পত্তি ব্যবহার করেন। ক্রোম এবং সাফারিের ফায়ারফক্স, অপেরা এবং আধুনিক সংস্করণগুলি যথাযথ উপসর্গটি ব্যবহার করে যখন Chrome এবং Safari এর প্রারম্ভিক সংস্করণগুলি প্রিফিক্ট সম্পত্তি ব্যবহার করে -বিবিকিট-গ্রেডিয়েন্ট। এছাড়াও, ফায়ারফক্স স্ট্যান্ডার্ডের চেয়ে ভিন্ন মানগুলি ব্যবহার করে।
যে কারণটি আপনি সর্বদা সিএসএস বৈশিষ্ট্যের স্বাভাবিক, অ প্রিফিক্স সংস্করণে আপনার ঘোষণাটি শেষ করেন, যখন একটি ব্রাউজার নিয়ম সমর্থন করে, এটি সেই একটিকে ব্যবহার করবে। মনে রাখবেন কিভাবে সিএসএস পড়া হয়। পরের নিয়মগুলি পূর্বের চেয়ে অগ্রাধিকার প্রদান করে যদি নির্দিষ্টতা একই হয়, তাই একটি ব্রাউজার একটি নিয়মের বিক্রেতার সংস্করণটি পড়বে এবং এটি ব্যবহার করবে যদি এটি স্বাভাবিকের সাথে সমর্থন করে না, তবে এটি একবার করলে, এটি বিক্রেতার সংস্করণটিকে ওভাররাইড করবে প্রকৃত সিএসএস নিয়ম।
বিক্রেতা প্রেফিক্স হ্যাক নয়
যখন বিক্রেতার প্রিফিক্স প্রথম চালু করা হয়েছিল, তখন অনেক ওয়েব পেশাদাররা ভাবছিলেন যে তারা হ্যাক বা অন্য কোনও ব্রাউজার সমর্থন করার জন্য ওয়েবসাইটের কোড ফাঁকানোর অন্ধকার দিনগুলিতে একটি স্থানান্তর (" এই সাইটটি IE তে ভালভাবে দেখানো " বার্তাগুলি মনে করে)। CSS বিক্রেতারা উপসর্গ হ্যাক হয় না, তবে, এবং আপনার কাজে তাদের ব্যবহার সম্পর্কে আপনার কোনও অবকাশ থাকা উচিত নয়।
আরেকটি সম্পত্তির সঠিকভাবে কাজ করার জন্য একটি CSS হ্যাক আরেকটি উপাদান বা সম্পত্তির বাস্তবায়নের ত্রুটিগুলি শোষণ করে। উদাহরণস্বরূপ, বাক্স মডেল হোল হাউস -পরিবার সম্পত্তি বা কিভাবে ব্রাউজার ব্যাকস্ল্যাশ পার্স (\) মধ্যে পার্সিং মধ্যে শোষিত ত্রুটিগুলি হ্যাক কিন্তু এই হ্যাকগুলি ইন্টারনেট এক্সপ্লোরার 5.5 কীভাবে বক্স মডেল পরিচালনা করে এবং কিভাবে নেটস্কেপ এটি ব্যাখ্যা করেছে এবং ভয়েস ফ্যামিলি স্টাইলের সাথে কিছুই করার নেই তার মধ্যে পার্থক্যের সমস্যাটি সমাধান করতে ব্যবহৃত হয়েছে। সৌভাগ্যবশত এই দুটি পুরোনো ব্রাউজার আমরা আমাদের সাথে উদ্বেগের এই দিন হয় না।
একটি বিক্রেতার প্রিফিক্স একটি হ্যাক নয় কারণ এটি স্পেসিফিকেশন একটি সম্পত্তি কিভাবে বাস্তবায়িত হতে পারে জন্য নিয়ম সেট আপ করার অনুমতি দেয়, একই সময়ে ব্রাউজার নির্মাতারা অন্য সবকিছু ভেঙ্গে ছাড়া একটি সম্পত্তি একটি উপায় বাস্তবায়ন করার অনুমতি দেয়। উপরন্তু, এই উপসর্গগুলি সিএসএস বৈশিষ্ট্যগুলির সাথে কাজ করছে যা অবশেষে স্পেসিফিকেশনের একটি অংশ হবে । আমরা সম্পত্তি প্রথম দিকে থেকে অ্যাক্সেস পেতে কিছু কোড যোগ করা হয়। এটি আরেকটি কারণ হল আপনি সিএসএস নিয়মটি স্বাভাবিক, অ-প্রিফিক্সেড সম্পত্তি দিয়ে শেষ করেন। এইভাবে আপনি প্রিফিক্স সংস্করণগুলি ড্রপ করতে পারেন একবার সম্পূর্ণ ব্রাউজার সমর্থন সম্পন্ন হয়।
একটি নির্দিষ্ট বৈশিষ্ট্য জন্য ব্রাউজার সমর্থন কি জানতে চান? ওয়েবসাইট CanIUse.com এই তথ্য সংগ্রহের জন্য একটি দুর্দান্ত সম্পদ এবং আপনাকে কোন ব্রাউজার, এবং সেই ব্রাউজারগুলির কোন সংস্করণগুলি বর্তমানে একটি বৈশিষ্ট্য সমর্থন করে তা আপনাকে জানাতে দেয়।
বিক্রেতার উপসর্গ বিরক্তিকর কিন্তু অস্থায়ী হয়
হ্যাঁ, এটি বিরক্তিকর এবং পুনরাবৃত্তিমূলক মনে হতে পারে যে সমস্ত ব্রাউজারে কাজ করার জন্য ২-5 বার বৈশিষ্ট্যগুলি লিখতে হবে, তবে এটি একটি অস্থায়ী পরিস্থিতি। উদাহরণস্বরূপ, কয়েক বছর আগে, একটি বাক্সে একটি বৃত্তাকার কোণে সেট করার জন্য আপনাকে লিখতে হবে:
-মোজ-সীমানা-ব্যাসার্ধ: 10px 5px;
-ওয়েবকিট-সীমানা-শীর্ষ-বাম-ব্যাসার্ধ: 10 পিএক্স;
-ওয়েবকিট-সীমানা-শীর্ষ-ডান-ব্যাসার্ধ: 5 পিএক্স;
-ওয়েবকিট-সীমান্ত-নীচে-ডান-ব্যাসার্ধ: 10px;
-ওয়েবকিট-সীমান্ত-তল-বাম-ব্যাসার্ধ: 5 পিক্স;
সীমান্ত-ব্যাসার্ধ: 10 পিএক্স 5 পিএক্স;
কিন্তু এখন যে ব্রাউজার এই বৈশিষ্ট্য সম্পূর্ণভাবে সমর্থন করতে আসেন, আপনি সত্যিই শুধুমাত্র প্রমিত আকারের সংস্করণ প্রয়োজন:
সীমান্ত-ব্যাসার্ধ: 10 পিএক্স 5 পিএক্স;
সংস্করণ 5.0 থেকে ক্রোমের CSS3 প্রোডাক্টটি সমর্থিত হয়েছে, ফায়ারফক্স 4.0 সংস্করণে এটি যোগ করেছে, সাফারি 5.0 এ অপারেটিং সিস্টেম, 10.5 অপেরা, 4.0 এ আইওএস এবং 2.1 এ অ্যান্ড্রয়েড। ইন্টারনেট এক্সপ্লোরার 9 এমনকি এটি একটি উপসর্গ ছাড়া এটি সমর্থন করে (এবং IE 8 এবং নিম্নটি প্রিফিক্স সহ বা ছাড়া এটি সমর্থন করে নি)
মনে রাখবেন যে ব্রাউজার সর্বদা পরিবর্তিত হতে যাচ্ছে এবং পুরাতন ব্রাউজারগুলি সমর্থন করার জন্য সৃজনশীল দৃষ্টিভঙ্গি প্রয়োজন হবে যদি না আপনি সর্বাধুনিক আধুনিক পদ্ধতির পিছনে কয়েক বছর ধরে ওয়েব পৃষ্ঠাগুলি নির্মাণের পরিকল্পনা করেন। শেষ পর্যন্ত, ব্রাউজারের উপসর্গ লেখার ফলে ত্রুটিগুলি সন্ধান ও শোষণের তুলনায় অনেক সহজ হয়ে যায় যা সম্ভবত একটি ভবিষ্যতের সংস্করণে সংশোধন করা হবে, যার ফলে আপনি অন্য কোনও ভুলের জন্য কাজে লাগান এবং এরকম আরো অনেক কিছু করতে পারেন।