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

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

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

জুলাই 2023 এ Firefox 115 এবং Chrome 115 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি ওয়েব প্ল্যাটফর্মের জন্য এর অর্থ কী তা একবার দেখে নেয়।

CSS display সম্পত্তির জন্য একাধিক মান

ক্রোম 115 সিএসএস display সম্পত্তির জন্য একাধিক মান অন্তর্ভুক্ত করে। এর মানে হল display: flex display: block flex এবং display: block display: block flow । একক মানগুলি লিগ্যাসি কীওয়ার্ড হিসাবে বজায় রাখা হয়, এই মানগুলি এখন তিনটি প্রধান ইঞ্জিনে উপলব্ধ।

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

  • 115
  • 115
  • 70
  • 15

স্ক্রোল-চালিত অ্যানিমেশন

এছাড়াও Chrome 115-এ ওয়েব অ্যানিমেশন স্পেসিফিকেশনের ScrollTimeline এবং ViewTimeline এক্সটেনশন রয়েছে। এগুলো CSS এবং JavaScript এর মাধ্যমে স্ক্রোল-চালিত অ্যানিমেশন সক্ষম করে।

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

  • 115
  • 115
  • এক্স
  • এক্স

উৎস

গোপনীয়তা স্যান্ডবক্স API

গোপনীয়তা স্যান্ডবক্স প্রাসঙ্গিকতা এবং পরিমাপ API গুলি Chrome 115-এ পাঠানো হয়েছে৷ এতে বিষয়, সুরক্ষিত দর্শক, অ্যাট্রিবিউশন রিপোর্টিং, ব্যক্তিগত সমষ্টি, ভাগ করা সঞ্চয়স্থান এবং বেড়াযুক্ত ফ্রেম APIগুলি অন্তর্ভুক্ত রয়েছে৷

এই APIগুলি সম্পর্কে আরও বুঝতে গোপনীয়তা স্যান্ডবক্স ডেমোগুলি দেখুন৷

animation-composition সম্পত্তি

Firefox 115 CSS animation-composition প্রপার্টি সমর্থন করে। তিনটি প্রধান ইঞ্জিনে সমর্থিত animation-composition তৈরি করা। নিবন্ধে আরও জানুন কিভাবে একাধিক অ্যানিমেশন প্রভাব অ্যানিমেশন-কম্পোজিশনের সাথে সংমিশ্রিত হওয়া উচিত তা নির্দিষ্ট করুন

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

  • 112
  • 112
  • 115
  • 16

উৎস

অ্যারে পদ্ধতি

এছাড়াও Firefox 115-এর সাথে আন্তঃঅপারেবিলিটিতে পৌঁছানো হল Array এবং TypedArray এর জন্য একটি সেট পদ্ধতি। Array.toReversed() , Array.toSorted() , Array.toSpliced() , Array.with() , TypedArrays.toReversed() , TypedArrays.toSorted() , এবং TypedArrays.with() উপাদান সহ একটি নতুন অ্যারে ফেরত দেয় অগভীর অনুলিপি করা হয়েছে।

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

  • 110
  • 110
  • 115
  • 16

উৎস

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

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

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

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

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

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