ফেব্রুয়ারিতে ওয়েব প্ল্যাটফর্মে নতুন

2025 সালের ফেব্রুয়ারিতে স্থিতিশীল এবং বিটা ওয়েব ব্রাউজারে আসা কিছু আকর্ষণীয় বৈশিষ্ট্য আবিষ্কার করুন।

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

প্রকাশিত: ফেব্রুয়ারি 28, 2025

স্থিতিশীল ব্রাউজার রিলিজ

2025 সালের ফেব্রুয়ারিতে ফায়ারফক্স 135 এবং ক্রোম 133 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি ওয়েব প্ল্যাটফর্মে যোগ করা নতুন বৈশিষ্ট্যগুলি দেখে।

WebAuthn ক্ষমতা পরীক্ষা করুন

Firefox 135 এবং Chrome 133 উভয়ই PublicKeyCredential.getClientCapabilities() স্ট্যাটিক পদ্ধতির জন্য সমর্থন যোগ করে। এটি আপনাকে ব্রাউজার স্নিফিংয়ের অবলম্বন না করেই ওয়েব প্রমাণীকরণ API এর বৈশিষ্ট্যগুলিকে সমর্থন করে কিনা তা পরীক্ষা করতে দেয়৷

Browser Support

  • ক্রোম: 133।
  • প্রান্ত: 133।
  • ফায়ারফক্স: 135।
  • সাফারি: 17.4.

Source

Firefox 135-এ উৎস প্রস্তাবের সাথে JSON পার্সের বৈশিষ্ট্যও রয়েছে — JSON.parse reviver প্যারামিটার context আর্গুমেন্ট, JSON.isRawJSON() , এবং JSON.rawJSON() ।

Browser Support

  • ক্রোম: 114।
  • প্রান্ত: 114।
  • ফায়ারফক্স: 135।
  • সাফারি: সমর্থিত নয়।

Source

পপওভার অ্যাট্রিবিউটের ইঙ্গিত মান

Chrome 133 popover অ্যাট্রিবিউটের জন্য একটি তৃতীয় মান যোগ করে, popover="hint" । ইঙ্গিত, যা প্রায়শই "টুলটিপ" টাইপ আচরণের সাথে যুক্ত থাকে, তাদের আচরণ কিছুটা আলাদা। অটো পপওভারের একটি বিদ্যমান স্ট্যাক খোলা থাকার সময় একটি সম্পর্কহীন ইঙ্গিত পপওভার খোলা এখন সম্ভব৷

ক্যানোনিকাল উদাহরণ হল যে একটি <select> পিকার খোলা আছে ( popover="auto" ) এবং একটি হোভার-ট্রিগার করা টুলটিপ ( popover="hint" ) দেখানো হয়েছে। এই ক্রিয়াটি <select> পিকার বন্ধ করে না।

Browser Support

  • ক্রোম: 133।
  • প্রান্ত: 133।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

পপওভারে আরও পড়ুন = ইঙ্গিত ।

CSS উন্নত attr() ফাংশন

ক্রোম 133-এ CSS সংযোজনের একটি চমৎকার সংগ্রহ রয়েছে। এই ক্রোম রিলিজে CSS লেভেল 5-এ নির্দিষ্ট করা attr() এর বৃদ্ধি অন্তর্ভুক্ত রয়েছে, যা <string> ছাড়াও প্রকারগুলিকে অনুমতি দেয় এবং সমস্ত CSS বৈশিষ্ট্যে (ছদ্ম-উপাদান সামগ্রীর জন্য বিদ্যমান সমর্থন ছাড়াও)।

Browser Support

  • ক্রোম: 133।
  • প্রান্ত: 133।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

CSS এ আরও জানুন attr() একটি আপগ্রেড পায় ।

CSS স্ক্রোল স্টেট কন্টেইনার প্রশ্ন

এছাড়াও Chrome 133-এ, তাদের স্ক্রোল অবস্থার উপর ভিত্তি করে কন্টেইনারের বংশধরদের স্টাইল করার জন্য কন্টেইনার কোয়েরি ব্যবহার করুন।

ক্যোয়ারী ধারকটি হয় একটি স্ক্রোল ধারক, অথবা একটি উপাদান যা একটি স্ক্রোল পাত্রের স্ক্রোল অবস্থান দ্বারা প্রভাবিত হয়৷ নিম্নলিখিত রাজ্যগুলি জিজ্ঞাসা করা যেতে পারে:

  • stuck : একটি আঠালো অবস্থানের পাত্রটি স্ক্রোল বাক্সের এক প্রান্তে আটকে থাকে।
  • snapped : একটি স্ক্রল স্ন্যাপ সারিবদ্ধ কন্টেইনার বর্তমানে অনুভূমিকভাবে বা উল্লম্বভাবে স্ন্যাপ করা হয়েছে।
  • scrollable : একটি স্ক্রোল কন্টেইনার একটি জিজ্ঞাসা করা দিক দিয়ে স্ক্রোল করা যেতে পারে কিনা।

container-type : scroll-state জন্য একটি নতুন মানও রয়েছে যা কন্টেইনারগুলিকে জিজ্ঞাসা করতে দেয়।

Browser Support

  • ক্রোম: 133।
  • প্রান্ত: 133।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

আরও জানতে CSS scroll-state() পড়ুন।

CSS text-box , text-box-trim এবং text-box-edge

এছাড়াও Chrome 133-এর জন্য CSS-এ text-box-trim এবং text-box-edge বৈশিষ্ট্য রয়েছে, text-box শর্টহ্যান্ড প্রপার্টি সহ, এগুলো টেক্সটের উল্লম্ব প্রান্তিককরণের সূক্ষ্ম নিয়ন্ত্রণকে সম্ভব করে তোলে।

Browser Support

  • ক্রোম: 133।
  • প্রান্ত: 133।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: 18.2।

সিএসএস text-box-trim এ এই দরকারী সম্পত্তি কীভাবে কাজ করে সে সম্পর্কে আরও জানুন।

DOM রাষ্ট্র-সংরক্ষণের পদক্ষেপ

Chrome 133 একটি DOM আদিম ( Node.prototype.moveBefore ) যোগ করে যা আপনাকে উপাদানের অবস্থা রিসেট না করেই একটি DOM গাছের চারপাশে উপাদানগুলি সরাতে দেয়৷

অপসারণ এবং সন্নিবেশ করার পরিবর্তে সরানোর সময়, নিম্নলিখিত অবস্থা যেমন সংরক্ষিত হয়:

  • <iframe> উপাদানগুলি লোড থাকে।
  • সক্রিয় উপাদান ফোকাস অবশেষ.
  • পপওভার, ফুলস্ক্রিন এবং মডেল ডায়ালগগুলি খোলা থাকে৷
  • CSS রূপান্তর এবং অ্যানিমেশন চলতে থাকে।

Browser Support

  • ক্রোম: 133।
  • প্রান্ত: 133।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

FileSystemObserver ইন্টারফেস

Chrome 133-এ যোগ করা FileSystemObserver ইন্টারফেস ফাইল সিস্টেমে পরিবর্তনের ওয়েবসাইটগুলিকে অবহিত করে৷ সাইটগুলি ব্যবহারকারীর স্থানীয় ডিভাইসে বা বাকেট ফাইল সিস্টেমে (যেটি অরিজিন প্রাইভেট ফাইল সিস্টেম নামেও পরিচিত) ফাইল এবং ডিরেক্টরিতে পরিবর্তনগুলি পর্যবেক্ষণ করে, যেগুলির জন্য ব্যবহারকারী পূর্বে অনুমতি দিয়েছেন এবং পরিবর্তনের ধরন-এর মতো মৌলিক পরিবর্তনের তথ্য সম্পর্কে অবহিত করা হয়েছে৷

Browser Support

  • ক্রোম: 133।
  • প্রান্ত: 133।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

বিটা ব্রাউজার রিলিজ

বিটা ব্রাউজার সংস্করণগুলি আপনাকে সেই জিনিসগুলির একটি পূর্বরূপ দেয় যা ব্রাউজারের পরবর্তী স্থিতিশীল সংস্করণে থাকবে৷ নতুন বৈশিষ্ট্যগুলি পরীক্ষা করার জন্য এটি একটি দুর্দান্ত সময়, বা অপসারণ, যা বিশ্ব এই প্রকাশ পাওয়ার আগে আপনার সাইটকে প্রভাবিত করতে পারে৷ নতুন বিটা হল Firefox 136 , Safari 18.4 , এবং Chrome 134 । এই প্রকাশগুলি প্ল্যাটফর্মে অনেক দুর্দান্ত বৈশিষ্ট্য নিয়ে আসে। সমস্ত বিবরণের জন্য রিলিজ নোটগুলি দেখুন। এখানে মাত্র কয়েকটি হাইলাইট রয়েছে।

সর্বশেষ Safari বিটা সংযোজন এবং উন্নতির একটি বিশাল তালিকা নিয়ে এসেছে, যার মধ্যে কিছু বৈশিষ্ট্য রয়েছে যা আমরা আশা করি যে এই ব্রাউজারটি স্থিতিশীল হয়ে গেলে নতুনভাবে উপলব্ধ হবে। উদাহরণস্বরূপ writing-mode: sideways-rl এবং writing-mode: sideways-lr , ClipboardItem জন্য supports() স্ট্যাটিক পদ্ধতি এবং Iterator Helpers প্রস্তাব থেকে জিনিসগুলির একটি সম্পূর্ণ তালিকা।

সাফারি 18.4 বিটা এবং ফায়ারফক্স 136 উভয়ই কুকি স্টোর API অন্তর্ভুক্ত করে, যা উভয় ব্রাউজার শিপ করার পরে বেসলাইন নতুনভাবে উপলব্ধ হওয়া উচিত।

Firefox 136-এ রয়েছে :open এবং :has-slotted pseudo-class, পরেরটি Chrome 134-এও রয়েছে। এতে Intl.DurationFormat ও রয়েছে যা নতুনভাবে উপলব্ধ বেসলাইন হওয়া উচিত।

Chrome 134-এ কাস্টমাইজযোগ্য <select> উপাদান, CSS dynamic-range-limit প্রপার্টি এবং <dialog> উপাদানগুলির জন্য হালকা খারিজ কার্যকারিতা রয়েছে।