Chrome 119-এ নতুন

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

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

কুকির মেয়াদ শেষ হওয়ার তারিখ।

যেহেতু Chrome 104 নতুন তৈরি করা কুকি বা মেয়াদ শেষ হওয়ার তারিখের সাথে আপডেট হওয়া সেই তারিখটি ভবিষ্যতে 400 দিনের বেশি নয়। এই একই সীমাটি এখন পূর্ববর্তীভাবে সঞ্চয়স্থানে থাকা কুকিগুলিতে প্রয়োগ করা হবে৷

প্রথমবার Chrome 119+ শুরু হওয়ার এবং একবার ডাটাবেস স্থানান্তর করার পরে এই কুকিগুলির মেয়াদ শেষ হওয়ার তারিখগুলি 400 দিনের বেশি না হওয়া পর্যন্ত সীমাবদ্ধ থাকবে৷ Chrome 119 রিলিজ হওয়ার অন্তত 400 দিন পর ব্যবহারকারীরা এই পরিবর্তনের প্রভাব অনুভব করবেন না এবং তারপরে শুধুমাত্র বিদ্যমান কুকিগুলির জন্য যা সেই সময়ের মধ্যে আপডেট করা হয়নি।

আপনি মেয়াদ শেষ হওয়ার তারিখের সুপারিশ সম্পর্কে আরও পড়তে পারেন এবং এখানে একটি বন্ধুত্বপূর্ণ অনুস্মারক রয়েছে যে অদূর ভবিষ্যতে তৃতীয় পক্ষের কুকিগুলি বাতিল করা হবে এবং অবচয়নের জন্য প্রস্তুত করার জন্য একটি নির্দেশিকা

CSS আপডেট

CSS এর জন্য আমাদের তিনটি আপডেট আছে:

এক নম্বর: নতুন :user-invalid এবং :user-valid ছদ্ম-শ্রেণি যা যথাক্রমে ভুল বা সঠিক ইনপুট সহ একটি উপাদানকে উপস্থাপন করে, কিন্তু শুধুমাত্র ব্যবহারকারীর সাথে উল্লেখযোগ্যভাবে ইন্টারঅ্যাক্ট করার পরে। এগুলি :valid এবং :invalid , ছদ্ম-শ্রেণির অনুরূপ কিন্তু অতিরিক্ত সীমাবদ্ধতার সাথে যে নতুন ছদ্ম-শ্রেণীগুলি শুধুমাত্র ব্যবহারকারীর উপাদানটির সাথে ইন্টারঅ্যাক্ট করার পরেই মেলে৷

নম্বর দুই: আপেক্ষিক রঙের সিনট্যাক্স ডেভেলপারদের অন্যান্য রঙের পরামিতি পরিবর্তন করে রং নির্ধারণ করতে দেয়।

যেমন: oklab(from magenta calc(l * 0.8) ab); একটি Oklab ম্যাজেন্টার ফলাফল যা 80% হালকা।

এবং তিন নম্বর: clip-path এখন আরও মান সমর্থন করে।

clip-path বৈশিষ্ট্য একটি ক্লিপিং অঞ্চল তৈরি করে যা একটি উপাদানের কোন অংশটি দেখানো উচিত তা সেট করে। অঞ্চলের ভিতরে থাকা অংশগুলি দেখানো হয়, যখন বাইরের অংশগুলি লুকানো থাকে৷

এখন আপনি ক্লিপ-এর রেফারেন্স বক্স নিয়ন্ত্রণ করতে <geometry-box> মান ব্যবহার করতে পারেন, clip-path ব্যবহার করা সহজ করে তোলে। এই বাক্সের মানগুলি মৌলিক আকারগুলির পাশাপাশি ব্যবহার করা যেতে পারে (উদাহরণস্বরূপ, clip-path: circle(50%) margin-box ), অথবা নির্দিষ্ট বাক্সে ক্লিপ করার জন্য এগুলি একা ব্যবহার করা যেতে পারে (উদাহরণস্বরূপ, clip-path: content-box )

এছাড়াও আপনি xywh() এবং rect() ফাংশনগুলি ব্যবহার করতে পারেন যা আয়তক্ষেত্রাকার বা গোলাকার-আয়তক্ষেত্রাকার ক্লিপগুলি নির্দিষ্ট করা সহজ করে তোলে।

সংশোধন: এই নিবন্ধটির একটি পূর্ববর্তী সংস্করণ বেড়াযুক্ত ফ্রেমের উন্নতির কথা উল্লেখ করেছে। এই পরিবর্তনগুলি এখন Chrome 120-এ পাঠানো হচ্ছে।

এবং আরো!

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

  • ক্রোম 119 হিসাবে WebSQL সম্পূর্ণরূপে সরানো হয়েছে৷ একটি বিপরীত মূল ট্রায়াল বিকাশকারীদের Chrome 123 পর্যন্ত WebSQL ব্যবহার চালিয়ে যেতে দেয়৷

  • এখন getDisplayMedia() এর সাথে ব্যবহারকারীকে একটি সম্পূর্ণ স্ক্রিন শেয়ার করা থেকে বিরত রাখতে monitorTypeSurfaces বিকল্পটি ব্যবহার করা যেতে পারে।

  • একটি অরিজিন ট্রায়াল আছে যা window.open() JavaScript API-এ একটি fullscreen উইন্ডো ফিচার প্যারামিটার যোগ করে যাতে কলার সরাসরি ফুল-স্ক্রীনে একটি পপআপ খুলতে পারে।

আরও পড়া

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

সাবস্ক্রাইব

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

Yo soy Adriana Jara, এবং Chrome 120 রিলিজ হওয়ার সাথে সাথে, Chrome-এ নতুন কী আছে তা বলতে আমি এখানেই থাকব!