Chrome 137-এ নতুন, Chrome 137-এ নতুন৷

র‍্যাচেল অ্যান্ড্রু

প্রকাশিত: ২৭ মে, ২০২৫

Chrome 137 এখন চালু হচ্ছে, এবং এই পোস্টে রিলিজের কিছু মূল বৈশিষ্ট্য শেয়ার করা হয়েছে। সম্পূর্ণ Chrome 137 রিলিজ নোট পড়ুন।

এই প্রকাশনার উল্লেখযোগ্য বিষয়গুলি:

জটিল লেআউটের মাধ্যমে লজিক্যাল ট্যাব অর্ডার নিশ্চিত করতে reading-flow এবং reading-order ব্যবহার করুন। CSS if() ফাংশন শর্তসাপেক্ষ মান প্রকাশ করার একটি সংক্ষিপ্ত উপায় প্রদান করে। জাভাস্ক্রিপ্ট প্রমিজ ইন্টিগ্রেশন (JSPI) ওয়েবঅ্যাস্যাম্বলি অ্যাপ্লিকেশনগুলিকে জাভাস্ক্রিপ্ট প্রমিজের সাথে ইন্টিগ্রেট করতে দেয়।

সিএসএস reading-flow এবং reading-order

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

এটি একটি কীওয়ার্ড মান নেয়, যার ডিফল্ট normal থাকে, যা DOM ক্রমে ক্রমানুসারে উপাদানগুলির আচরণ বজায় রাখে। একটি flex কন্টেইনারের ভিতরে এটি ব্যবহার করতে, এর মান flex-visual অথবা flex-flow এ সেট করুন। একটি grid কন্টেইনারের ভিতরে এটি ব্যবহার করতে, এর মান grid-rows , grid-columns , অথবা grid-order এ সেট করুন।

reading-order সিএসএস প্রপার্টি আপনাকে রিডিং ফ্লো কন্টেইনারের মধ্যে আইটেমের ক্রম ম্যানুয়ালি ওভাররাইড করতে দেয়। গ্রিড, ফ্লেক্স বা ব্লক কন্টেইনারের মধ্যে এই প্রপার্টিটি ব্যবহার করতে, কন্টেইনারের reading-flow মানকে source-order সেট করুন এবং প্রতিটি আইটেমের reading-order একটি পূর্ণসংখ্যার মান সেট করুন।

আরও জানতে পড়ুন। লজিক্যাল সিকোয়েন্সিয়াল ফোকাস নেভিগেশনের জন্য CSS reading-flow ব্যবহার করুন ।

CSS if() ফাংশন

CSS if() ফাংশনটি শর্তসাপেক্ষ মান প্রকাশের একটি সংক্ষিপ্ত উপায় প্রদান করে। এটি সেমিকোলন দ্বারা সীমাবদ্ধ শর্ত-মান জোড়ার একটি সিরিজ গ্রহণ করে। ফাংশনটি প্রতিটি শর্তকে ক্রমানুসারে মূল্যায়ন করে এবং প্রথম সত্য শর্তের সাথে সম্পর্কিত মান প্রদান করে। যদি কোনও শর্তই সত্য হিসাবে মূল্যায়ন না করে, তাহলে ফাংশনটি একটি খালি টোকেন স্ট্রিম প্রদান করে।

div {
  color: var(--color);
  background-color: if(style(--color: white): black; else: white);
}

.dark {
  --color: black;
}

.light {
  --color: white;
}

<div class="dark">dark</div>
<div class="light">light</div>

ওয়েবঅ্যাসেম্বলি জাভাস্ক্রিপ্ট প্রমিজ ইন্টিগ্রেশন (JSPI)

জাভাস্ক্রিপ্ট প্রমিজ ইন্টিগ্রেশন (JSPI) হল একটি API যা WebAssembly অ্যাপ্লিকেশনগুলিকে জাভাস্ক্রিপ্ট প্রমিজের সাথে একীভূত করতে দেয়।

এটি একটি WebAssembly প্রোগ্রামকে একটি প্রতিশ্রুতির জেনারেটর হিসেবে কাজ করার অনুমতি দেয় এবং এটি WebAssembly প্রোগ্রামকে প্রতিশ্রুতি-বহনকারী API গুলির সাথে ইন্টারঅ্যাক্ট করার অনুমতি দেয়।

বিশেষ করে, যখন কোনও অ্যাপ্লিকেশন JSPI ব্যবহার করে একটি প্রতিশ্রুতি-বহনকারী (JavaScript) API কল করে, তখন WebAssembly কোডটি স্থগিত করা হয়; এবং WebAssembly প্রোগ্রামের মূল কলকারীকে একটি প্রতিশ্রুতি দেওয়া হয় যা WebAssembly প্রোগ্রামটি শেষ পর্যন্ত সম্পূর্ণ হলে পূরণ করা হবে।

এবং আরও!

অবশ্যই আরও অনেক কিছু আছে:

  • স্টোরেজ পার্টিশনিংয়ের ধারাবাহিকতা হিসেবে, ক্রোম স্টোরেজ কী দ্বারা ব্লব ইউআরএল অ্যাক্সেসের পার্টিশন বাস্তবায়ন করেছে।
  • ক্যানভাস ফ্লোটিং পয়েন্ট পিক্সেল ফর্ম্যাটগুলি এখন বাস্তবায়িত হয়েছে।
  • offset-path: shape() সমর্থিত তাই আপনি অ্যানিমেশন পাথ সেট করতে প্রতিক্রিয়াশীল আকার ব্যবহার করতে পারেন।

আরও পড়া

এটি শুধুমাত্র কিছু গুরুত্বপূর্ণ বিষয় নিয়ে আলোচনা করে। Chrome 137-এ অতিরিক্ত পরিবর্তনের জন্য নিম্নলিখিত লিঙ্কগুলি দেখুন।

সাবস্ক্রাইব

আপডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং আমরা যখনই একটি নতুন ভিডিও লঞ্চ করব তখন আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন। অথবা নতুন নিবন্ধ এবং ব্লগ পোস্টের জন্য X বা LinkedIn-এ আমাদের অনুসরণ করুন।

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