প্রকাশিত: 27 মে, 2025
Chrome 137 এখন রোল আউট হচ্ছে, এবং এই পোস্টটি প্রকাশের কিছু মূল বৈশিষ্ট্য শেয়ার করেছে। সম্পূর্ণ Chrome 137 রিলিজ নোট পড়ুন।
এই রিলিজ থেকে হাইলাইট:
জটিল লেআউটের মাধ্যমে একটি যৌক্তিক ট্যাব অর্ডার নিশ্চিত করতে reading-flow এবং reading-order ব্যবহার করুন। CSS if() ফাংশন শর্তসাপেক্ষ মান প্রকাশ করার একটি সংক্ষিপ্ত উপায় প্রদান করে। JavaScript প্রতিশ্রুতি ইন্টিগ্রেশন (JSPI) WebAssembly অ্যাপ্লিকেশনগুলিকে JavaScript প্রতিশ্রুতির সাথে একীভূত করতে দেয়।
CSS reading-flow এবং reading-order
reading-flow সিএসএস প্রপার্টি নিয়ন্ত্রণ করে যে ফ্লেক্স, গ্রিড বা ব্লক লেআউটের উপাদানগুলি অ্যাক্সেসিবিলিটি টুলের সংস্পর্শে আসে এবং কীভাবে তারা রৈখিক অনুক্রমিক নেভিগেশন পদ্ধতি ব্যবহার করে ফোকাস করে। এটি গ্রিড এবং ফ্লেক্স লেআউটগুলির সাথে একটি দীর্ঘস্থায়ী সমস্যার সমাধান করে, যেখানে ট্যাব অর্ডারটি আইটেমগুলিকে বিছিয়ে দেওয়া ক্রম থেকে সংযোগ বিচ্ছিন্ন হয়ে যেতে পারে৷
এটি normal একটি ডিফল্ট সহ একটি কীওয়ার্ড মান নেয়, যা DOM ক্রমানুসারে উপাদানগুলিকে অর্ডার করার আচরণ রাখে। এটি একটি ফ্লেক্স কন্টেইনারের ভিতরে ব্যবহার করতে, এর মানটি হয় flex-visual বা flex-flow এ সেট করুন। এটি একটি গ্রিড কন্টেইনারের ভিতরে ব্যবহার করতে, এর মান হয় grid-rows , grid-columns বা grid-order সেট করুন।
reading-order CSS প্রপার্টি আপনাকে রিডিং ফ্লো কন্টেইনারের মধ্যে আইটেমগুলির ক্রম ম্যানুয়ালি ওভাররাইড করতে দেয়। একটি গ্রিড, ফ্লেক্স, বা ব্লক কন্টেইনারের ভিতরে এই বৈশিষ্ট্যটি ব্যবহার করতে, কন্টেইনারে 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)
JavaScript প্রতিশ্রুতি ইন্টিগ্রেশন (JSPI) হল একটি API যা WebAssembly অ্যাপ্লিকেশনগুলিকে JavaScript প্রতিশ্রুতির সাথে একীভূত করতে দেয়।
এটি একটি WebAssembly প্রোগ্রামকে একটি প্রতিশ্রুতির জেনারেটর হিসাবে কাজ করার অনুমতি দেয় এবং এটি WebAssembly প্রোগ্রামকে প্রতিশ্রুতি বহনকারী APIগুলির সাথে যোগাযোগ করতে দেয়৷
বিশেষ করে, যখন কোনো অ্যাপ্লিকেশন JSPI ব্যবহার করে একটি প্রতিশ্রুতি-বহনকারী (জাভাস্ক্রিপ্ট) API কল করে, তখন WebAssembly কোডটি স্থগিত করা হয়; এবং WebAssembly প্রোগ্রামের মূল আহ্বানকারীকে একটি প্রতিশ্রুতি দেওয়া হয় যা WebAssembly প্রোগ্রামটি শেষ হলে তা পূরণ করা হবে।
এবং আরো!
অবশ্যই আরও অনেক কিছু আছে:
- স্টোরেজ পার্টিশনিংয়ের ধারাবাহিকতা হিসেবে, ক্রোম স্টোরেজ কী দ্বারা ব্লব ইউআরএল অ্যাক্সেসের পার্টিশন বাস্তবায়ন করেছে।
- ক্যানভাস ফ্লোটিং পয়েন্ট পিক্সেল ফর্ম্যাটগুলি এখন প্রয়োগ করা হয়েছে৷
-
offset-path: shape()সমর্থিত যাতে আপনি অ্যানিমেশন পাথ সেট করতে প্রতিক্রিয়াশীল আকার ব্যবহার করতে পারেন।
আরও পড়া
এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 137-এ অতিরিক্ত পরিবর্তনের জন্য নিম্নলিখিত লিঙ্কগুলি দেখুন।
- Chrome 137 এর জন্য নোট রিলিজ করুন ।
- Chrome DevTools-এ নতুন কী রয়েছে (137) ।
- Chrome 137-এর জন্য ChromeStatus.com আপডেট ।
- ক্রোম রিলিজ ক্যালেন্ডার ।
সদস্যতা
আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷ অথবা নতুন নিবন্ধ এবং ব্লগ পোস্টের জন্য X বা LinkedIn-এ আমাদের অনুসরণ করুন।
Chrome 138 রিলিজ হওয়ার সাথে সাথে, Chrome-এ নতুন কী আছে তা জানাতে আমরা এখানেই থাকব!
,
প্রকাশিত: 27 মে, 2025
Chrome 137 এখন রোল আউট হচ্ছে, এবং এই পোস্টটি প্রকাশের কিছু মূল বৈশিষ্ট্য শেয়ার করেছে। সম্পূর্ণ Chrome 137 রিলিজ নোট পড়ুন।
এই রিলিজ থেকে হাইলাইট:
জটিল লেআউটের মাধ্যমে একটি যৌক্তিক ট্যাব অর্ডার নিশ্চিত করতে reading-flow এবং reading-order ব্যবহার করুন। CSS if() ফাংশন শর্তসাপেক্ষ মান প্রকাশ করার একটি সংক্ষিপ্ত উপায় প্রদান করে। JavaScript প্রতিশ্রুতি ইন্টিগ্রেশন (JSPI) WebAssembly অ্যাপ্লিকেশনগুলিকে JavaScript প্রতিশ্রুতির সাথে একীভূত করতে দেয়।
CSS reading-flow এবং reading-order
reading-flow সিএসএস প্রপার্টি নিয়ন্ত্রণ করে যে ফ্লেক্স, গ্রিড বা ব্লক লেআউটের উপাদানগুলি অ্যাক্সেসিবিলিটি টুলের সংস্পর্শে আসে এবং কীভাবে তারা রৈখিক অনুক্রমিক নেভিগেশন পদ্ধতি ব্যবহার করে ফোকাস করে। এটি গ্রিড এবং ফ্লেক্স লেআউটগুলির সাথে একটি দীর্ঘস্থায়ী সমস্যার সমাধান করে, যেখানে ট্যাব অর্ডারটি আইটেমগুলিকে বিছিয়ে দেওয়া ক্রম থেকে সংযোগ বিচ্ছিন্ন হয়ে যেতে পারে৷
এটি normal একটি ডিফল্ট সহ একটি কীওয়ার্ড মান নেয়, যা DOM ক্রমানুসারে উপাদানগুলিকে অর্ডার করার আচরণ রাখে। এটি একটি ফ্লেক্স কন্টেইনারের ভিতরে ব্যবহার করতে, এর মানটি হয় flex-visual বা flex-flow এ সেট করুন। এটি একটি গ্রিড কন্টেইনারের ভিতরে ব্যবহার করতে, এর মান হয় grid-rows , grid-columns বা grid-order সেট করুন।
reading-order CSS প্রপার্টি আপনাকে রিডিং ফ্লো কন্টেইনারের মধ্যে আইটেমগুলির ক্রম ম্যানুয়ালি ওভাররাইড করতে দেয়। একটি গ্রিড, ফ্লেক্স, বা ব্লক কন্টেইনারের ভিতরে এই বৈশিষ্ট্যটি ব্যবহার করতে, কন্টেইনারে 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)
JavaScript প্রতিশ্রুতি ইন্টিগ্রেশন (JSPI) হল একটি API যা WebAssembly অ্যাপ্লিকেশনগুলিকে JavaScript প্রতিশ্রুতির সাথে একীভূত করতে দেয়।
এটি একটি WebAssembly প্রোগ্রামকে একটি প্রতিশ্রুতির জেনারেটর হিসাবে কাজ করার অনুমতি দেয় এবং এটি WebAssembly প্রোগ্রামকে প্রতিশ্রুতি বহনকারী APIগুলির সাথে যোগাযোগ করতে দেয়৷
বিশেষ করে, যখন কোনো অ্যাপ্লিকেশন JSPI ব্যবহার করে একটি প্রতিশ্রুতি-বহনকারী (জাভাস্ক্রিপ্ট) API কল করে, তখন WebAssembly কোডটি স্থগিত করা হয়; এবং WebAssembly প্রোগ্রামের মূল আহ্বানকারীকে একটি প্রতিশ্রুতি দেওয়া হয় যা WebAssembly প্রোগ্রামটি শেষ হলে তা পূরণ করা হবে।
এবং আরো!
অবশ্যই আরও অনেক কিছু আছে:
- স্টোরেজ পার্টিশনিংয়ের ধারাবাহিকতা হিসেবে, ক্রোম স্টোরেজ কী দ্বারা ব্লব ইউআরএল অ্যাক্সেসের পার্টিশন বাস্তবায়ন করেছে।
- ক্যানভাস ফ্লোটিং পয়েন্ট পিক্সেল ফর্ম্যাটগুলি এখন প্রয়োগ করা হয়েছে৷
-
offset-path: shape()সমর্থিত যাতে আপনি অ্যানিমেশন পাথ সেট করতে প্রতিক্রিয়াশীল আকার ব্যবহার করতে পারেন।
আরও পড়া
এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 137-এ অতিরিক্ত পরিবর্তনের জন্য নিম্নলিখিত লিঙ্কগুলি দেখুন।
- Chrome 137 এর জন্য নোট রিলিজ করুন ।
- Chrome DevTools-এ নতুন কী রয়েছে (137) ।
- Chrome 137-এর জন্য ChromeStatus.com আপডেট ।
- ক্রোম রিলিজ ক্যালেন্ডার ।
সদস্যতা
আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷ অথবা নতুন নিবন্ধ এবং ব্লগ পোস্টের জন্য X বা LinkedIn-এ আমাদের অনুসরণ করুন।
Chrome 138 রিলিজ হওয়ার সাথে সাথে, Chrome-এ নতুন কী আছে তা জানাতে আমরা এখানেই থাকব!