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

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

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

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

জাভাস্ক্রিপ্ট সেট পদ্ধতি

যেকোনো প্রোগ্রামিং ভাষায় সেট একটি অপরিহার্য ডাটা স্ট্রাকচার। এখন আপনি সেট অপারেশন সঞ্চালনের জন্য JavaScript এর বিল্ট-ইন পদ্ধতি ব্যবহার করতে পারেন। নিম্নলিখিত সেট পদ্ধতিগুলি এখন Firefox 127 থেকে উপলব্ধ, এবং নতুনভাবে উপলব্ধ বেসলাইনের অংশ হয়ে উঠেছে:

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

  • ক্রোম: 122।
  • প্রান্ত: 122।
  • ফায়ারফক্স: 127।
  • সাফারি: 17।

উৎস

আরও জানতে পড়ুন জাভাস্ক্রিপ্ট সেট পদ্ধতিগুলি এখন বেসলাইনের অংশ

Async ক্লিপবোর্ড API

ক্লিপবোর্ড API এখন ফায়ারফক্স 127 থেকে সম্পূর্ণরূপে সমর্থিত। ফায়ারফক্স এখন ClipboardItem ইন্টারফেসের read() এবং write() পদ্ধতি সহ ClipboardItem ইন্টারফেস সমর্থন করে। ক্লিপবোর্ড অ্যাক্সেস আনব্লকিং এ ক্লিপবোর্ড API সম্পর্কে আরও জানুন।

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

  • ক্রোম: 76।
  • প্রান্ত: 79।
  • ফায়ারফক্স: 127।
  • সাফারি: 13.1।

উৎস

CSS গ্রেডিয়েন্টে কালার ইন্টারপোলেশন

CSS গ্রেডিয়েন্টগুলিকে একটি <color-interpolation-method> গ্রহণ করার জন্য নির্দিষ্ট করা হয়েছে, এবং এটি এখন Firefox-এ সমর্থিত, এটিকে সমস্ত প্রধান ইঞ্জিন জুড়ে আন্তঃপ্রক্রিয়াযোগ্য করে তোলে। আপনি এখন, উদাহরণস্বরূপ, hsl কালার সিস্টেম এবং দীর্ঘ ইন্টারপোলেশন ব্যবহার করে একটি linear-gradient() নির্দিষ্ট করতে পারেন।

.longer {
  background: linear-gradient(90deg in hsl longer hue, red, blue);
}

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

  • ক্রোম: 111।
  • প্রান্ত: 111।
  • ফায়ারফক্স: 127।
  • সাফারি: 16.2।

ক্রস-ডকুমেন্ট ভিউ ট্রানজিশন

পূর্বে আপনাকে ভিউ ট্রানজিশন API ব্যবহার করার জন্য আপনার ওয়েবসাইটটিকে একটি SPA-তে পুনর্নির্মাণ করতে হয়েছিল। এখন আর সেই অবস্থা নেই। Chrome 126 থেকে, একই-অরিজিন নেভিগেশনের জন্য এখন ডিফল্টরূপে ভিউ ট্রানজিশন সক্ষম করা হয়েছে। আপনি দুটি ভিন্ন একই-অরিজিন নথির মধ্যে একটি ভিউ ট্রানজিশন তৈরি করতে পারেন।

একটি ক্রস-ডকুমেন্ট ভিউ ট্রানজিশন সক্ষম করতে, উভয় প্রান্তকে অপ্ট-ইন করতে হবে। এটি করার জন্য, @view-transition at-rule ব্যবহার করুন এবং ন্যাভিগেশন বর্ণনাকারীকে auto সেট করুন।

@view-transition {
  navigation: auto;
}

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

  • ক্রোম: 126।
  • প্রান্ত: 126।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি প্রযুক্তি পূর্বরূপ: সমর্থিত।

ক্রস-ডকুমেন্ট ভিউ ট্রানজিশনের জন্য ডকুমেন্টেশনে আরও জানুন।

গেমপ্যাড এপিআই trigger-rumble এক্সটেনশন

Chrome 126 সামঞ্জস্যপূর্ণ গেমপ্যাডগুলির জন্য ওয়েবে trigger-rumble ক্ষমতা প্রকাশ করতে GamepadHapticActuator ইন্টারফেসকে প্রসারিত করে। এই এক্সটেনশনটি গেমপ্যাড এপিআই-এর সুবিধা গ্রহণকারী ওয়েব অ্যাপ্লিকেশনগুলিকে এই কার্যকারিতার সাথে সজ্জিত গেমপ্যাড ডিভাইসগুলির ট্রিগারগুলিকে কম্পন করার অনুমতি দেবে৷

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

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

Safari 17.6 হল বিদ্যমান বৈশিষ্ট্যগুলির সংশোধনের একটি প্রকাশ। Safari 18-এ বেশ কিছু উত্তেজনাপূর্ণ নতুন বৈশিষ্ট্য রয়েছে যার মধ্যে রয়েছে স্টাইল কন্টেইনার কোয়েরি, একক-পৃষ্ঠার অ্যাপগুলির জন্য ভিউ ট্রানজিশন API এবং ফ্লেক্সবক্স বৈশিষ্ট্যে safe কীওয়ার্ডের সমর্থন।

ক্রোম 127-এর মধ্যে রয়েছে font-size-adjust CSS প্রপার্টি, উপাদানের নির্বিচারে সংখ্যা হিসাবে জেনারেট করা বিষয়বস্তুতে Alt টেক্সট নির্দিষ্ট করার ক্ষমতা এবং MediaMetaDataপৃথক অধ্যায়ের তথ্য যোগ করার ক্ষমতা

Firefox 128-এ CSS বৈশিষ্ট্য এবং মান রয়েছে, এই বৈশিষ্ট্যটি বেসলাইন নতুনভাবে উপলব্ধ। একটি type নির্ধারণ করতে @property ব্যবহার করুন এবং CSS কাস্টম বৈশিষ্ট্যের জন্য একটি ফলব্যাক মান সেট করুন।