নতুন CSS রঙের ধরন এবং রঙের স্থান, CSS ত্রিকোণমিতিক ফাংশন এবং ভিউ ট্রানজিশন API।
অন্যথায় উল্লেখ না করা পর্যন্ত, নিম্নলিখিত পরিবর্তনগুলি Android, ChromeOS, Linux, macOS এবং Windows-এর জন্য নতুন Chrome বিটা চ্যানেল রিলিজে প্রযোজ্য। প্রদত্ত লিঙ্কগুলির মাধ্যমে বা ChromeStatus.com-এর তালিকা থেকে এখানে তালিকাভুক্ত বৈশিষ্ট্যগুলি সম্পর্কে আরও জানুন৷ 9 ফেব্রুয়ারী 2023 থেকে Chrome 111 বিটা। আপনি ডেস্কটপের জন্য Google.com বা Android-এ Google Play Store থেকে সর্বশেষ ডাউনলোড করতে পারেন।
সিএসএস
নতুন CSS রঙের ধরন এবং স্থান
CSS কালার লেভেল 4- এ বর্ণিত সমস্ত বৈশিষ্ট্য এখন সক্ষম। এর মধ্যে রয়েছে চারটি ডিভাইস-স্বাধীন রঙের ধরন (ল্যাব, ওকল্যাব, এলসিএইচ এবং ওক্লচ), color() ফাংশন, এবং গ্রেডিয়েন্ট এবং অ্যানিমেশনের জন্য ব্যবহারকারী-সংজ্ঞায়িত রঙের স্থান।
এই নতুন রঙের ধরন এবং স্পেস সম্পর্কে জানতে হাই ডেফিনিশন CSS কালার গাইড পড়ুন।
color-mix() ফাংশন
CSS Color 5 থেকে অবিশ্বাস্যভাবে দরকারী color-mix() ফাংশনটিও শিপিং। এই ফাংশনটি যেকোন সমর্থিত রঙের জায়গায় এক রঙের শতাংশের সাথে অন্য রঙের সাথে মিশ্রিত করতে সক্ষম করে। এই নিম্নলিখিত উদাহরণটি SRGB-তে 10% blue white মিশ্রিত করে।
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
CSS নির্বাচক 4 ছদ্ম-শ্রেণী : nম-শিশু (S এর an + b)
একটি নির্বাচক নিতে :nth-child(an + b) এবং :nth-last-child() প্রসারিত করে। উদাহরণস্বরূপ, :nth-child(3 of .c) হল প্রদত্ত পিতামাতার অধীনে তৃতীয় .c ৷ আরও জানতে, পোস্টটি পড়ুন of S সিনট্যাক্সের সাথে :nth-child() নির্বাচনের উপর আরও নিয়ন্ত্রণ ।
CSS রুট ফন্ট ইউনিট
রুট ফন্ট ইউনিট যোগ করে: rex , rch , ric , এবং rlh rem এর বিদ্যমান রুট ফন্ট ইউনিটে।
CSS ত্রিকোণমিতিক ফাংশন
ত্রিকোণমিতিক ফাংশন sin() , cos() , tan() , asin() , acos() , atan() , atan2() CSS গণিত এক্সপ্রেশনে যোগ করা হয়েছে।
CSS কাস্টম বৈশিষ্ট্যের জন্য স্টাইল কন্টেইনার ক্যোয়ারী
একটি পূর্বপুরুষ উপাদানের কাস্টম বৈশিষ্ট্যের গণনাকৃত মানগুলির উপর ভিত্তি করে শৈলী প্রয়োগ করা সম্ভব করতে @container নিয়মে style() ফাংশন যোগ করে।
baseline-source সম্পত্তি
baseline-source প্রপার্টি ওয়েব ডেভেলপারদের একটি লাইনবক্সের মধ্যে সারিবদ্ধ করার জন্য একটি ইনলাইন-লেভেল বক্স first বা last বেসলাইন ব্যবহার করা উচিত কিনা তা নির্দিষ্ট করতে দেয়।
ওয়েব API
window-management অনুমতি এবং অনুমতি নীতি স্ট্রিং
Chrome 111 window-management window-placement অনুমতি এবং অনুমতি-নীতি স্ট্রিংগুলির একটি উপনাম হিসাবে যোগ করে। এটি অবশেষে window-placement অবমূল্যায়ন এবং অপসারণ করে স্ট্রিংগুলির নাম পরিবর্তন করার একটি বৃহত্তর প্রচেষ্টার অংশ। পরিভাষা পরিবর্তন বর্ণনাকারীর দীর্ঘায়ুকে উন্নত করে কারণ উইন্ডো ম্যানেজমেন্ট API সময়ের সাথে সাথে বিকশিত হয়।
মিডিয়া সেশন API: স্লাইড অ্যাকশন উপস্থাপন করা হচ্ছে
বিদ্যমান মিডিয়া সেশন API-এ previousslide এবং nextslide অ্যাকশন যোগ করে।
আকার পরিবর্তনযোগ্য ArrayBuffer এবং বৃদ্ধিযোগ্য SharedArrayBuffer
ArrayBuffer কনস্ট্রাক্টরগুলিকে একটি অতিরিক্ত সর্বাধিক দৈর্ঘ্য গ্রহণ করতে প্রসারিত করুন যা স্থানের মধ্যে বৃদ্ধি এবং বাফারগুলির সঙ্কুচিত করার অনুমতি দেয়। একইভাবে, SharedArrayBuffer একটি অতিরিক্ত সর্বোচ্চ দৈর্ঘ্য গ্রহণ করার জন্য প্রসারিত করা হয়েছে যা স্থান-অভ্যন্তরীণ বৃদ্ধির অনুমতি দেয়।
অনুমান নিয়ম: রেফারার নীতি কী
এটি স্পেকুলেশন রুলস সিনট্যাক্সকে প্রসারিত করে যাতে ডেভেলপাররা অনুমান বিধি দ্বারা ট্রিগার হওয়া অনুমানমূলক অনুরোধগুলির সাথে ব্যবহার করার জন্য রেফারার নীতি নির্দিষ্ট করতে পারে। এটি "পর্যাপ্ত-কঠোর রেফারার নীতি" প্রয়োজনীয়তাকেও পুনরায় প্রবর্তন করে৷
স্ট্রিমিং ঘোষণামূলক ছায়া DOM
এটি স্ট্রিমিংয়ের জন্য সমর্থন যোগ করে, ক্লোজিং, টেমপ্লেট ট্যাগের পরিবর্তে খোলার উপর ছায়া রুট সংযুক্ত করে।
ট্রানজিশন API দেখুন
দৃশ্যের স্ন্যাপশট করে এবং রাজ্যগুলির মধ্যে কোনো ওভারল্যাপ ছাড়াই DOM-কে পরিবর্তন করার অনুমতি দিয়ে একক-পৃষ্ঠা অ্যাপ্লিকেশনগুলিতে (SPAs) পালিশ ট্রানজিশন তৈরি করতে সক্ষম করে৷ কাস্টম ট্রানজিশন তৈরি করতে ভিউ ট্রানজিশন ব্যবহার করুন, অথবা ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে একটি সাধারণ ক্রসফেড ডিফল্ট ব্যবহার করুন।
আপনাকে শুরু করতে সাহায্য করার জন্য আরও তথ্য এবং উদাহরণ ট্রানজিশনের জন্য Chrome বিকাশকারী নিবন্ধটি দেখুন৷
WebRTC স্কেলেবল ভিডিও কোডিং এক্সটেনশন
এই এক্সটেনশনটি একটি বহির্গামী WebRTC ভিডিও ট্র্যাকে সম্ভাব্য স্কেলেবল ভিডিও কোডিং (SVC) কনফিগারেশনগুলির মধ্যে বাছাই করার জন্য একটি আদর্শ পদ্ধতি সংজ্ঞায়িত করে৷
WebXR enabledFeatures বৈশিষ্ট্য
এই XRSession দ্বারা নির্দিষ্ট করা বৈশিষ্ট্যগুলির XRSessionInit এবং প্রদত্ত মোড এবং বৈশিষ্ট্যগুলির জন্য বিশেষ দ্বারা প্রয়োজনীয় বৈশিষ্ট্যগুলির সেটটি প্রদান করে। একটি মঞ্জুরিত সেশনের জন্য, এতে সমস্ত requiredFeatures থাকবে, তবে optionalFeatures একটি উপসেট হতে পারে। বেশির ভাগ বৈশিষ্ট্যেরই বিকল্প উপায় আছে তা শনাক্ত করার জন্য যে সেগুলি মঞ্জুর করা হয়েছে কিনা; যাইহোক, কিছু বৈশিষ্ট্যের জন্য একটি বৈশিষ্ট্য সক্রিয় ছিল কিনা তার সংকেত একটি বৈশিষ্ট্যের জন্য ডেটার সাথে ঘনিষ্ঠভাবে সংযুক্ত হতে পারে যা এই মুহূর্তে উপলভ্য নয়, বরং ডেটা কখনও উপলব্ধ নয়৷ enabledFeatures কে জিজ্ঞাসা করে, আপনি নির্ধারণ করতে পারেন যে কোন সহায়ক ইঙ্গিত (উদাহরণস্বরূপ, উন্নত করা বা ট্র্যাকিং শুরু করা) দেখানো উচিত, বা বর্তমান অধিবেশনে কোনও বৈশিষ্ট্য কখনই সমর্থিত হবে না।
অরিজিন ট্রায়াল চলছে
Chrome 111-এ আপনি নিম্নলিখিত নতুন অরিজিন ট্রায়ালগুলি বেছে নিতে পারেন৷
ওয়েব পেমেন্ট API-এ connect-src CSP বাইপাস অপসারণের জন্য অবচয় ট্রায়াল
ম্যানিফেস্ট আনার সময় সংযোগ-src CSP নীতিকে বাইপাস করার জন্য ওয়েব পেমেন্ট API-এর ক্ষমতা অবমূল্যায়ন করুন। এই অবচয়নের পরে, একটি সাইটের সংযোগ-src CSP নীতিতে একটি PaymentRequest কলে নির্দিষ্ট করা অর্থপ্রদানের পদ্ধতির ইউআরএল, সেইসাথে অন্য যেকোন ইউআরএলের জন্য অনুমতি দিতে হবে যা মেনিফেস্ট আনতে পদ্ধতি চেইন করে।
এই বাইপাস ক্ষমতাটি ক্রোম 111-এ 111 থেকে 113 পর্যন্ত রিভার্স অরিজিন ট্রায়ালের মাধ্যমে সরানো হয়েছে সেইসব ডেভেলপারদের জন্য যাদের অস্থায়ীভাবে বাইপাস পুনরায় চালু করতে হবে। এটি নির্বাচন করতে, connect-src CSP বাইপাসের জন্য বিপরীত অবচয় ট্রায়ালের জন্য নিবন্ধন করুন।
ডকুমেন্ট পিকচার-ইন-পিকচার
ডকুমেন্ট পিকচার-ইন-পিকচার এপিআই হল একটি নতুন এপিআই যা একটি সর্বদা-অন-টপ উইন্ডো খুলতে পারে যা নির্বিচারে এইচটিএমএল কন্টেন্ট দিয়ে তৈরি করা যেতে পারে। এটি বিদ্যমান Picture-in-Picture API-এর একটি সম্প্রসারণ যা শুধুমাত্র একটি HTMLVideoElementকে একটি PiP উইন্ডোতে রাখার অনুমতি দেয়। এটি ওয়েব ডেভেলপারদের ব্যবহারকারীদের একটি ভাল PiP অভিজ্ঞতা প্রদানের অনুমতি দেয়।
ডকুমেন্ট পিকচার-ইন-পিকচারের জন্য ডকুমেন্টেশন পড়ুন।
ডকুমেন্ট পিকচার-ইন-পিকচার অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন।
অবজ্ঞা এবং অপসারণ
Chrome-এর এই সংস্করণটি নিম্নে তালিকাভুক্ত অবচয় এবং অপসারণের পরিচয় দেয়। পরিকল্পিত অবচয়, বর্তমান অবচয় এবং পূর্ববর্তী অপসারণের তালিকার জন্য ChromeStatus.com এ যান।
Chrome-এর এই রিলিজটি তিনটি বৈশিষ্ট্যকে সরিয়ে দেয়।
পেমেন্ট ইনস্ট্রুমেন্টগুলি সরান
PaymentInstruments হল ওয়েব API যা পেমেন্ট অ্যাপগুলির নন-JIT ইনস্টলকে সমর্থন করে (https://w3c.github.io/payment-handler/ দেখুন)। এটি এই ধারণার সাথে ডিজাইন করা হয়েছিল যে ব্রাউজার প্রকৃত অর্থপ্রদানের উপকরণের বিবরণ সংরক্ষণ করবে, যা সত্য বলে প্রমাণিত হয়নি এবং কিছু গোপনীয়তা ফাঁস রয়েছে। এটি অন্য কোনো ব্রাউজারে পাঠানো হয়নি, আমরা অন্য ব্রাউজার বিক্রেতাদের কাছ থেকে কোনো আগ্রহ দেখিনি। যেমন, এই API অবচয় এবং সরানো হয়েছে ।
Web Payment API-এ connect-src CSP বাইপাস সরান
ম্যানিফেস্ট আনার সময় connect-src CSP নীতি বাইপাস করার জন্য ওয়েব পেমেন্ট API-এর ক্ষমতা অবমূল্যায়ন করুন । এই অপসারণের পরে, একটি সাইটের connect-src CSP নীতিতে একটি PaymentRequest কলে নির্দিষ্ট করা অর্থপ্রদানের পদ্ধতির ইউআরএল, সেইসাথে অন্য যেকোন ইউআরএলের জন্য অনুমতি দিতে হবে যা মেনিফেস্ট আনতে পদ্ধতি চেইন করে।
এই অপসারণের কারণে প্রয়োজনীয় পরিবর্তন করতে আরও সময় দেওয়ার জন্য একটি অবচয় ট্রায়াল বেছে নেওয়ার একটি পদ্ধতির জন্য অরিজিন ট্রায়ালের অধীনে তথ্য দেখুন।
canmakepayment ইভেন্টে বণিক পরিচয়
canmakepayment সার্ভিস ওয়ার্কার ইভেন্টটি বণিককে জানতে দেয় যে ব্যবহারকারীর একটি ইনস্টল করা পেমেন্ট অ্যাপে ফাইলে একটি কার্ড আছে কিনা। এটি নীরবে বণিকের উত্স এবং নির্বিচারে ডেটা পেমেন্ট অ্যাপের উত্স থেকে পরিষেবা কর্মীদের কাছে প্রেরণ করত। এই ক্রস-অরিজিন কমিউনিকেশনটি JavaScript-এ PaymentRequest নির্মাণে ঘটেছে, এর জন্য ব্যবহারকারীর অঙ্গভঙ্গির প্রয়োজন নেই এবং কোনো ব্যবহারকারী ইন্টারফেস দেখায়নি। এই নীরব ডেটা প্যাসেজটি canmakepayment ইভেন্ট এবং অ্যান্ড্রয়েড IS_READY_TO_PAY ইন্টেন্ট থেকে সরানো হয়েছে) ।