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

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

আগস্ট 2023-এ Firefox 116 , Firefox 117 , Safari 16.6 , এবং Chrome 116 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি ওয়েব প্ল্যাটফর্মের জন্য এর অর্থ কী তা একবার দেখে নেয়।

Firefox 116 অ্যান্ড্রয়েড বাদে সমস্ত প্ল্যাটফর্মে অডিও আউটপুট ডিভাইস API সমর্থন করে। এই API ওয়েব অ্যাপ্লিকেশনগুলিকে ব্রাউজার বা অন্তর্নিহিত OS ডিফল্ট ব্যবহার করার পরিবর্তে একটি অনুমোদিত ব্লুটুথ হেডসেট, স্পিকারফোন বা অন্য ডিভাইসে অডিও আউটপুট পুনঃনির্দেশিত করার অনুমতি দেয়।

ব্রাউজার সমর্থন

  • এক্স
  • এক্স
  • 116
  • এক্স

উৎস

ক্রোম 116-এ CSS মোশন পাথ রয়েছে যা ডেভেলপারের দ্বারা নির্দিষ্ট করা একটি পাথ বরাবর যেকোনো গ্রাফিকাল অবজেক্টকে অ্যানিমেটেড করার অনুমতি দেয়। এটি translate() ফাংশন দ্বারা ব্যবহৃত আদর্শ আয়তক্ষেত্রাকার স্থানাঙ্কের পরিবর্তে পোলার স্থানাঙ্ক ( ray() ফাংশন ব্যবহার করে অবস্থান নির্ধারণের মতো শক্তিশালী নতুন রূপান্তর সম্ভাবনার একটি সংখ্যাকে অনুমতি দেয়, বা একটি সংজ্ঞায়িত পথ বরাবর একটি উপাদানকে অ্যানিমেটিং করে। এটি জটিল এবং সুন্দর 2d স্থানিক রূপান্তর সংজ্ঞায়িত করা সহজ করে তোলে। একটি পাথ circle() , ellipse() , rect() , inset() , xywh() , polygon() , ray() এবং url() হিসাবে নির্দিষ্ট করা যেতে পারে।

এছাড়াও Chrome 116-এ রয়েছে ডকুমেন্ট পিকচার-ইন-পিকচার API । এটি একটি সর্বদা-অন-টপ উইন্ডো সক্ষম করে যা নির্বিচারে HTMLElements দিয়ে পপুলেট করা যেতে পারে। এটি বিদ্যমান HTMLVideoElement API-এর একটি সম্প্রসারণ যা শুধুমাত্র একটি HTMLVideoElement-কে একটি Picture-in-Picture (PiP) উইন্ডোতে রাখার অনুমতি দেয়৷

ব্রাউজার সমর্থন

  • 116
  • 116
  • এক্স
  • এক্স

উৎস

Firefox 117 CSS নেস্টিং এবং & নেস্টিং নির্বাচককে সমর্থন করে। এটি একটি শৈলীর নিয়মের মধ্যে অন্য শৈলীর বাসা বাঁধতে সক্ষম করে। এটি একটি সতর্কতার সাথে CSS নেস্টিংকে ইন্টারঅপারেবল করে তোলে, Safari এবং Chrome স্পেকের একটি পুরানো সংস্করণ প্রয়োগ করেছে, যা টাইপ নির্বাচকদের নেস্টিংয়ের অনুমতি দেয়নি। ফায়ারফক্স স্পেকের নতুন সংস্করণ প্রয়োগ করেছে যার জন্য & নেস্টিং নির্বাচকের প্রয়োজন নেই। আপনি CSS নেস্টিং ব্যবহার করে উভয় সংস্করণের উদাহরণ দেখতে পারেন।

ব্রাউজার সমর্থন

  • 120
  • 120
  • 117
  • 17.2

উৎস

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

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

পরবর্তী ফায়ারফক্স প্রকাশের জন্য এখনও অনেক তথ্য উপলব্ধ নেই। যাইহোক, Chrome 117 কিছু উত্তেজনাপূর্ণ বৈশিষ্ট্যের প্রতিশ্রুতি দেয়। উদাহরণস্বরূপ, কিছু নতুন CSS বৈশিষ্ট্য যা প্রবেশ এবং প্রস্থান অ্যানিমেশন সক্ষম করে

grid-template-columns এবং grid-template-rows জন্য subgrid মান Chrome 117-এ অন্তর্ভুক্ত করা হয়েছে, যা এই বৈশিষ্ট্যের জন্য আকাঙ্ক্ষিত করে তোলে।

এছাড়াও Chrome 117-এ Object.groupBy এবং Map.groupBy স্ট্যাটিক পদ্ধতির সাথে JavaScript অ্যারে গ্রুপিং রয়েছে।

সাফারি 17 বিটা popover এট্রিবিউট অন্তর্ভুক্ত করে, পপওভার API- এর জন্য সমর্থন যোগ করতে।

ওয়েব সিরিজের নতুন অংশ