Chrome 98 এ নতুন

আপনার যা জানা দরকার তা এখানে:

  • আপনি যদি অটো ডার্ক থিম অরিজিন ট্রায়াল চেষ্টা করে থাকেন, তাহলে প্রতি উপাদান স্তরে অপ্ট আউট করার একটি নতুন উপায় রয়েছে৷
  • এখন COLRv1 এর জন্য সমর্থন রয়েছে, COLRv0 ফন্ট ফরম্যাটের একটি বিবর্তন।
  • এবং আরো অনেক আছে.

আমি পিট লেপেজ । চলুন ডুব দিয়ে দেখি Chrome 98-এ ডেভেলপারদের জন্য নতুন কী রয়েছে৷

Android-এ অটো-ডার্ক থিমগুলি অপ্ট আউট করা৷

Chrome 96-এ, আমরা Android-এ অটো ডার্ক থিমগুলির জন্য একটি অরিজিন ট্রায়াল শুরু করেছি।

এই বৈশিষ্ট্যটির সাহায্যে, যদি আপনার সাইটটি হালকা থিমযুক্ত হয় এবং ব্যবহারকারীর OS ডার্ক মোডে থাকে, তাহলে ব্রাউজারটি আপনার সাইটে স্বয়ংক্রিয়ভাবে তৈরি একটি অন্ধকার থিম প্রয়োগ করে।

আপনি যদি অরিজিন ট্রায়ালের জন্য সাইন আপ করে থাকেন এবং আপনি একটি নির্দিষ্ট পৃষ্ঠার জন্য স্বয়ংক্রিয়ভাবে তৈরি হওয়া অন্ধকার থিম থেকে অপ্ট আউট করতে চান, আপনি একটি মেটা ট্যাগ ব্যবহার করতে পারেন।

<meta name="color-scheme" content="only light">

অথবা আপনি color-scheme: only light :root উপাদানে আলো।

:root {
  color-scheme: only light;
}

কিন্তু এই পদ্ধতির প্রধান সুবিধা হল, আপনি সেই উপাদানটিতে একটি নির্দিষ্ট শৈলী প্রয়োগ করে প্রতি-উপাদান ভিত্তিতে অপ্ট আউট করতে পারেন।

.only-light,
#my-element {
  color-scheme: only light;
}

সম্পূর্ণ বিবরণের জন্য অ্যান্ড্রয়েডে অটো ডার্ক থিম-এ অটো ডার্ক থিম বিভাগ থেকে কীভাবে অপ্ট-আউট করবেন তা দেখুন।

COLRv1 ফন্ট সমর্থন

ক্রোম 98-এ, এখন COLRv1-এর জন্য সমর্থন রয়েছে, COLRv0 ফন্ট ফর্ম্যাটের একটি বিবর্তন। এটি গ্রেডিয়েন্ট, কম্পোজিটিং এবং ব্লেন্ডিং যোগ করে এবং ক্রিস্প এবং কমপ্যাক্ট ফন্ট ফাইলগুলির জন্য উন্নত আকৃতি পুনঃব্যবহার করে যা ভালভাবে সংকুচিত করে।

একটি রঙ ফন্ট ভিজ্যুয়াল হাইলাইট, শিরোনাম, এবং ব্যানার সত্যিই পপ আউট করে তোলে.

COLRv1 ফন্ট ব্যবহার করে শিরোনাম

COLRv1-এর জন্য আমার প্রিয় ব্যবহারের ক্ষেত্রেগুলির মধ্যে একটি মানে সমস্ত প্ল্যাটফর্ম জুড়ে সামঞ্জস্যপূর্ণ ইমোজি। আপনার ইমোজিগুলিকে ইমেজ ফাইলগুলির সাথে প্রতিস্থাপন করার দরকার নেই, কারণ ফন্ট ফাইলগুলি ছোট হয়ে যায় এবং আপনার পৃষ্ঠায় অন্তর্ভুক্ত করা সহজ হয়৷

সামঞ্জস্যপূর্ণ ইমোজি ব্যবহার করে ফন্ট ফাইল

আমরা বৈশিষ্ট্য সনাক্তকরণ উন্নত করার উপায় নিয়ে কাজ করছি, যেহেতু এটি এখনও যতটা সহজ হওয়া উচিত ততটা সহজ নয়৷ তবে এটি একটি নজর রাখার বিষয়।

আরও বিশদ বিবরণের জন্য এবং কীভাবে আপনি নিজের ফন্ট তৈরি করতে পারেন তার জন্য Chrome 98-এ COLRv1 কালার গ্রেডিয়েন্ট ভেক্টর ফন্টগুলি দেখুন।

UA স্ট্রিং-এ Chrome 100 অনুকরণ করুন

মাত্র কয়েক মাসের মধ্যে, আমরা Chrome 100 হিট করব, একটি তিন সংখ্যার সংস্করণ নম্বর৷ যেকোন কোড যা ভার্সন নম্বর চেক করে বা UA স্ট্রিং পার্স করে, তা নিশ্চিত করতে চেক করা উচিত যে এটি তিনটি ডিজিট পরিচালনা করে।

#force-major-version-to-100 নামে একটি পতাকা রয়েছে যা বর্তমান সংস্করণ নম্বর 100 এ পরিবর্তন করবে, যাতে আপনি নিশ্চিত করতে পারেন যে সবকিছু প্রত্যাশা অনুযায়ী কাজ করে।

Chrome নতুন #force-major-version-to-100 বিকল্পকে হাইলাইট করে পৃষ্ঠা ফ্ল্যাগ করে

এবং আরো!

অবশ্যই আরো অনেক আছে.

CORS প্রিফ্লাইট অনুরোধগুলি এখন সাবরিসোর্সের জন্য ব্যক্তিগত নেটওয়ার্ক অনুরোধের আগে পাঠানো হয়, লক্ষ্য সার্ভারের কাছ থেকে স্পষ্ট অনুমতি চাওয়া হয়।

অঞ্চল ক্যাপচারের জন্য একটি নতুন অরিজিন ট্রায়াল রয়েছে, একটি স্ব-ক্যাপচার ভিডিও ট্র্যাক ক্রপ করার জন্য একটি API৷ ভিডিও কনফারেন্সিং অ্যাপে স্ক্রিন শেয়ার করার জন্য আদর্শ যাতে আপনি মিরর ইফেক্টের একটি হল তৈরি করতে না পারেন!

উইন্ডো ওভারলে নিয়ন্ত্রণগুলি Chrome 98-এর জন্য পরিকল্পনা করা হয়েছিল, কিন্তু শেষ মুহূর্তে পাওয়া সমস্যার কারণে, এটি তৈরি হয়নি৷ আমরা এখনও এটি নিয়ে কাজ করছি, এবং পরবর্তী কয়েকটি রিলিজে এটি অবতরণ করার আশা করছি৷

আরও পড়া

এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 98-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন৷

সাবস্ক্রাইব

আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷

আমি পিট লেপেজ, এবং ক্রোম 99 রিলিজ হওয়ার সাথে সাথে, আমি আপনাকে বলতে এখানে থাকব যে Chrome-এ নতুন কী আছে!