ইন্টারপ ২০২৬: ডেভেলপারদের জন্য ওয়েবের উন্নতি অব্যাহত রাখা

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

প্রকাশিত: ১২ ফেব্রুয়ারী, ২০২৬

আমরা ইন্টারপ ২০২৬ ঘোষণা করতে পেরে আনন্দিত, যা ব্রাউজারগুলিতে ওয়েব প্ল্যাটফর্মের মূল বৈশিষ্ট্যগুলির আন্তঃকার্যক্ষমতা বৃদ্ধির একটি প্রচেষ্টা। অ্যাপল, গুগল, ইগালিয়া, মাইক্রোসফ্ট এবং মজিলা সহ ব্রাউজার রেন্ডারিং ইঞ্জিনগুলিতে উল্লেখযোগ্য অবদান রাখে এমন কোম্পানিগুলির প্রতিনিধিদের একটি দল দ্বারা পরিচালিত - ইন্টারপ ২০২৬ ওয়েব ডেভেলপার এবং শেষ ব্যবহারকারীদের জন্য উচ্চ-অগ্রাধিকারপ্রাপ্ত বৈশিষ্ট্যগুলির উপর দৃষ্টি নিবদ্ধ করে।

পূর্ববর্তী ইন্টারপ প্রচেষ্টার সাথে সামঞ্জস্যপূর্ণ, নির্বাচিত পরীক্ষাগুলি স্বয়ংক্রিয় পরীক্ষার পরিকাঠামোতে ধারাবাহিকভাবে পরিচালিত হবে, পাসের হার ইন্টারপ 2026 ড্যাশবোর্ডে প্রদর্শিত হবে।

ফোকাস এরিয়া

২০২৬ সালের জন্য ফোকাস ক্ষেত্রগুলির মধ্যে HTML এবং CSS জরিপের অবস্থায় শীর্ষ ইন্টারঅপ সমস্যা হিসেবে চিহ্নিত বেশ কয়েকটি ক্ষেত্র অন্তর্ভুক্ত রয়েছে। আমরা webstatus.dev- এ এই সমস্যাগুলি ট্র্যাক করি। এই বছর অন্তর্ভুক্ত অনেক বৈশিষ্ট্য ডেভেলপার সিগন্যাল রিপোজিটরিতে শীর্ষ ২০টি অনুরোধকৃত সমস্যার মধ্যেও উপস্থিত রয়েছে।

অ্যাঙ্কর পজিশনিং

এতে উপস্থিত: শীর্ষ ইন্টারঅপ সমস্যা, বিকাশকারী সংকেত অ্যাঙ্কর পজিশনিং

অ্যাঙ্কর পজিশনিং আপনাকে অন্য একটি উপাদানের অবস্থানের উপর ভিত্তি করে একটি উপাদান স্থাপন করতে দেয়, যেমন এটি যে বিষয়বস্তু উল্লেখ করে তার পাশে একটি টুলটিপ স্থাপন করা। এই ফোকাস এরিয়াটি ইন্টারপ ২০২৫ থেকে অব্যাহত রয়েছে এবং এতে শুধুমাত্র ২০২৫ সালের পরীক্ষাগুলি অন্তর্ভুক্ত রয়েছে।

কন্টেইনার স্টাইল কোয়েরি

এতে উপস্থিত হয়: শীর্ষ ইন্টারঅপ সমস্যা, ডেভেলপার সিগন্যাল কন্টেইনার স্টাইল কোয়েরি

কন্টেইনার স্টাইল কোয়েরিগুলি একটি এলিমেন্টে স্টাইল প্রয়োগ করে তার কন্টেইনারের কাস্টম প্রোপার্টিজের গণনাকৃত মানের উপর ভিত্তি করে, @container at-rule এবং এক বা একাধিক style() ফাংশন ব্যবহার করে।

সংলাপ এবং জনপ্রিয়তা

এতে উপস্থিত হয়: শীর্ষ ইন্টারঅপ সমস্যা, ডেভেলপার সিগন্যাল ক্লোজডবাই , ইঙ্গিত

ইন্টারপ ২০২৬ এর জন্য, <dialog> এলিমেন্টের উপর কাজ করুন এবং Popover API এর উপর ফোকাস করে:

  • <dialog closedby> অ্যাট্রিবিউট, যা ব্যবহারকারীর ক্রিয়াগুলি সেট করে যা একটি ডায়ালগ বন্ধ করে (উদাহরণস্বরূপ, ডায়ালগের বাইরে ক্লিক করা)।
  • :open CSS pseudo-class, যা ওপেন স্টেটযুক্ত উপাদানগুলির সাথে মেলে।
  • popover="hint" গ্লোবাল অ্যাট্রিবিউট, যা অন্যান্য অটো পপওভারের অধীনস্থ একটি পপওভার তৈরি করে, যা টুলটিপের জন্য উপযোগী।

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

এতে উপস্থিত হয়: শীর্ষ ইন্টারঅপ সমস্যাগুলি

এর মধ্যে রয়েছে animation-timeline , scroll-timeline এবং view-timeline সিএসএস বৈশিষ্ট্য, যা ব্যবহারকারীর স্ক্রোল অবস্থানের উপর ভিত্তি করে অ্যানিমেশনগুলিকে অগ্রসর করে।

রূপান্তরগুলি দেখুন

এতে উপস্থিত হয়: শীর্ষ ইন্টারঅপ সমস্যা, বিকাশকারী সংকেত ক্রস-ডকুমেন্ট ভিউ ট্রানজিশন

ইন্টারপ ২০২৫ বেসলাইনে একই-ডকুমেন্ট ভিউ ট্রানজিশন এনেছে নতুনভাবে উপলব্ধ। ইন্টারপ ২০২৬-এর জন্য, ভিউ ট্রানজিশনের কাজটি নিম্নলিখিত বিষয়গুলির উপর দৃষ্টি নিবদ্ধ করে:

  • একই-নথির দৃশ্য রূপান্তর উন্নত করা।
  • <link> , <script> , এবং <style> এর জন্য blocking="render" অ্যাট্রিবিউট।
  • <link rel="expect"> বৈশিষ্ট্য।
  • :active-view-transition-type() CSS সিউডো-ক্লাস।
  • ক্রস-ডকুমেন্ট ভিউ ট্রানজিশন।

attr() CSS ফাংশন

ডেভেলপার সিগন্যালে attr() দেখা যায়

attr() CSS ফাংশন একটি HTML এলিমেন্টের একটি অ্যাট্রিবিউটের মান প্রদান করে, এবং সেই মানটি একটি নির্দিষ্ট টাইপ বা একটি নির্দিষ্ট ইউনিট হিসাবে ফেরত দেওয়ার বিকল্প প্রদান করে।

জরিপে আপনার দ্বারা হাইলাইট করা এই মূল বৈশিষ্ট্যগুলির পাশাপাশি, ইন্টারপ ২০২৬-এ অন্তর্ভুক্ত রয়েছে:

contrast-color() সিএসএস ফাংশন

contrast-color() CSS ফাংশন এমন একটি রঙ নির্বাচন করে যার একটি নির্দিষ্ট ফোরগ্রাউন্ড বা ব্যাকগ্রাউন্ড রঙের বিপরীতে গ্যারান্টিযুক্ত কন্ট্রাস্ট থাকে।

কাস্টম হাইলাইট

কাস্টম হাইলাইটগুলি আপনাকে DOM-এ অতিরিক্ত উপাদান যোগ না করেই ইচ্ছামত টেক্সট রেঞ্জ স্টাইল করতে দেয়।

আপলোড এবং ব্যাপ্তিগুলি আনুন

fetch() পদ্ধতিতে কাজটি সার্ভারে ডেটা স্ট্রিম করার জন্য বডিতে ReadableStream উপর দৃষ্টি নিবদ্ধ করে, অনুরোধ এবং প্রতিক্রিয়ার জন্য FormData এবং মিডিয়া টাইপগুলিকে সমর্থন করে এবং Range হেডারকে সমর্থন করে।

ইনডেক্সডডিবি

IndexedDB ফোকাস এরিয়া IDBObjectStore এবং IDBIndex এর getAllRecords() পদ্ধতিগুলিকে লক্ষ্য করে। এই পদ্ধতিগুলি রেকর্ড এবং তাদের প্রাথমিক কীগুলি ব্যাচে ফেরত দিয়ে বৃহৎ ডেটাসেটগুলিতে পঠন ক্রিয়াকলাপকে দ্রুততর করে।

ওয়াসমের জন্য জেএসপিআই

জাভাস্ক্রিপ্ট প্রমিজ ইন্টিগ্রেশন এপিআই (জেএসপিআই) এমন ওয়াসম অ্যাপ্লিকেশনগুলিকে এমন পরিবেশে কাজ করতে দেয় যেখানে বহিরাগত কার্যকারিতায় সিঙ্ক্রোনাস অ্যাক্সেস আশা করা হয় যেখানে সেই কার্যকারিতাটি অ্যাসিঙ্ক্রোনাস।

মিডিয়া ছদ্ম-শ্রেণী

এই ক্ষেত্রে :playing , :paused , :seeking , :buffering , :stalled , :muted , এবং :volume-locked CSS pseudo-class অন্তর্ভুক্ত রয়েছে, যা <audio> এবং <video> এলিমেন্টের অবস্থার উপর ভিত্তি করে মেলে।

এই বছর, কাজটি নেভিগেশন API-এর আন্তঃকার্যক্ষমতা উন্নত করার উপর এবং navigateEvent.intercept() এর precommitHandler বিকল্পের উপর আলোকপাত করবে, যা কোনও হ্যান্ডলার সমাধান না হওয়া পর্যন্ত কমিটকে পিছিয়ে দেয়।

স্কোপড কাস্টম এলিমেন্ট রেজিস্ট্রি

CustomElementRegistry() কনস্ট্রাক্টর গ্লোবাল রেজিস্ট্রি থেকে আলাদা একটি নতুন কাস্টম এলিমেন্ট রেজিস্ট্রি তৈরি করে, যা একই ট্যাগ নামের একাধিক কাস্টম এলিমেন্টকে সহাবস্থান করতে দেয়।

স্ক্রোল স্ন্যাপ

এই ফোকাস এরিয়াটি CSS স্ক্রোল স্ন্যাপকে অন্তর্ভুক্ত করে, যা স্ক্রোল কন্টেইনারের মধ্যে প্যানিং এবং স্ক্রলিং আচরণ নিয়ন্ত্রণ করে।

shape() সিএসএস ফাংশন

shape() CSS ফাংশন লাইন, মুভ এবং কার্ভের মতো কমান্ড ব্যবহার করে আকার তৈরি করে এবং clip-path এবং shape-outside সাথে ব্যবহার করা যেতে পারে।

ওয়েব কম্প্যাট

এই ক্ষেত্রটি নির্দিষ্ট আন্তঃকার্যক্ষমতা সংক্রান্ত সমস্যাগুলিকে লক্ষ্য করে যা বাস্তব-বিশ্বের সমস্যা সৃষ্টি করে, যার মধ্যে রয়েছে:

  • ESM মডিউল লোড হচ্ছে।
  • অ্যানিমেশন ইভেন্টের সাপেক্ষে স্ক্রোল ইভেন্টের সময়।
  • -webkit-user-select প্রপার্টিটির প্রিফিক্স অপসারণ করা হচ্ছে।

WebRTC সম্পর্কে

ইন্টারপ ২০২৬-এর জন্য, ইন্টারপ ২০২৫ ফোকাস এরিয়া থেকে অবশিষ্ট ব্যর্থ পরীক্ষাগুলি ঠিক করা এবং WebRTC ইন্টারঅপারেবিলিটি উন্নত করার উপর কাজ করা হচ্ছে।

ওয়েব ট্রান্সপোর্ট এপিআই

এই এলাকাটি WebTransport API-কে অন্তর্ভুক্ত করে, যা HTTP/3 প্রোটোকল ব্যবহার করে ক্লায়েন্ট এবং সার্ভারের মধ্যে ডেটা প্রেরণ করে।

zoom সিএসএস প্রোপার্টি

ইন্টারপ ২০২৫ থেকে অব্যাহতভাবে, এই ক্ষেত্রটি zoom সিএসএস বৈশিষ্ট্যের উপর দৃষ্টি নিবদ্ধ করে, যা একটি উপাদানের আকার স্কেল করে এবং পৃষ্ঠা বিন্যাসকে প্রভাবিত করে।

তদন্ত প্রচেষ্টা

ইন্টারপ ২০২৬-এ পরীক্ষা এবং আন্তঃকার্যক্ষমতার কাজের জন্য ভবিষ্যতের বৈশিষ্ট্যগুলি প্রস্তুত করার জন্য তদন্ত প্রচেষ্টাও অন্তর্ভুক্ত রয়েছে:

  • অ্যাক্সেসিবিলিটি পরীক্ষা: ব্রাউজার জুড়ে সামঞ্জস্যপূর্ণ অ্যাক্সেসিবিলিটি ট্রি তৈরির জন্য কাজ করা এবং WPT অবকাঠামো উন্নত করা।
  • JPEG XL: JPEG XL ইমেজ ফরম্যাটকে পরীক্ষাযোগ্য করে তোলার উপর দৃষ্টি নিবদ্ধ করা, যার মধ্যে প্রগতিশীল রেন্ডারিংয়ের জন্য প্রয়োজনীয়তা নির্ধারণ করা অন্তর্ভুক্ত।
  • মোবাইল টেস্টিং: গতিশীল ভিউপোর্ট পরিবর্তনের মতো মোবাইল-নির্দিষ্ট বৈশিষ্ট্যগুলি পরীক্ষা করার জন্য WPT পরিকাঠামো উন্নত করা।
  • WebVTT: স্ট্যান্ডার্ড কনফার্মেন্স সম্পর্কে ধারণা উন্নত করার জন্য পরীক্ষাগুলি ঠিক করা এবং ডকুমেন্টেশন আপডেট করা।

২০২৬ সাল পর্যন্ত অগ্রগতি ট্র্যাক করুন

ইন্টারপ ২০২৬ ড্যাশবোর্ডে প্রকল্পটি অনুসরণ করুন।

অন্যান্য ঘোষণা