প্রকাশিত: ২ মার্চ, ২০২৬
বেসলাইন ডাইজেস্টের জানুয়ারী ২০২৬ সংস্করণে আপনাকে স্বাগতম। প্রতি মাসে, আমরা বেসলাইনে নতুন মাইলফলক অর্জনকারী ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্যগুলি তুলে ধরি, যা আপনাকে বুঝতে সাহায্য করে যে আজ আপনার প্রকল্পগুলিতে কোন সরঞ্জামগুলি ব্যবহারের জন্য প্রস্তুত।
জানুয়ারি মাসটি বছরের একটি উত্তেজনাপূর্ণ শুরু ছিল, যেখানে বেশ কয়েকটি উল্লেখযোগ্য API এবং CSS ইউনিট নতুনভাবে উপলব্ধ বিভাগে স্থানান্তরিত হয়েছে, এবং লেআউটের একটি বড় উন্নতি ব্যাপকভাবে উপলব্ধ হয়েছে।
বেসলাইন নতুন উপলব্ধ বৈশিষ্ট্য
নিম্নলিখিত ওয়েব বৈশিষ্ট্যগুলি ২০২৬ সালের জানুয়ারিতে বেসলাইন নতুনভাবে উপলব্ধ হয়ে ওঠে।
সক্রিয় দৃশ্য রূপান্তর
:active-view-transition CSS pseudo-class এখন Baseline Newly এ উপলব্ধ। এই নির্বাচকটি ডেভেলপারদের একটি ডকুমেন্টের মূল উপাদানকে লক্ষ্য এবং স্টাইল করার অনুমতি দেয়, বিশেষ করে যখন একটি ভিউ ট্রানজিশন প্রক্রিয়াধীন থাকে। এটি বিশেষ করে গ্লোবাল স্টাইল প্রয়োগ করার জন্য বা এমন সমন্বয়ের জন্য কার্যকর যা শুধুমাত্র ট্রানজিশন সময়কালে বিদ্যমান থাকা উচিত, যেমন ট্রানজিশন ওভারলে এর পটভূমির রঙ পরিবর্তন করা বা একটি মসৃণ ভিজ্যুয়াল প্রবাহ নিশ্চিত করার জন্য নির্দিষ্ট স্তরের z-সূচক সামঞ্জস্য করা।
পরিষেবা কর্মীদের মধ্যে জাভাস্ক্রিপ্ট মডিউল
সার্ভিস ওয়ার্কাররা এখন সকল প্রধান ব্রাউজার ইঞ্জিনে জাভাস্ক্রিপ্ট মডিউল সমর্থন করে । navigator.serviceWorker.register() কল করার সময় type: 'module' অপশনটি সেট করে, আপনি আপনার সার্ভিস ওয়ার্কার স্ক্রিপ্টের মধ্যে স্ট্যান্ডার্ড import এবং export স্টেটমেন্ট ব্যবহার করতে পারেন। এটি সার্ভিস ওয়ার্কারদের আধুনিক জাভাস্ক্রিপ্ট ডেভেলপমেন্ট অনুশীলনের সাথে সামঞ্জস্যপূর্ণ করে তোলে, যা আরও ভালো কোড সংগঠন, সহজ নির্ভরতা ব্যবস্থাপনা এবং প্রধান থ্রেড এবং ব্যাকগ্রাউন্ড ওয়ার্কারের মধ্যে কোড ভাগ করে নেওয়ার ক্ষমতা প্রদান করে।
নেভিগেশন এপিআই
নেভিগেশন API লিগ্যাসি হিস্ট্রি API-এর একটি আধুনিক, উদ্দেশ্য-নির্মিত বিকল্প প্রদান করে, যা বিশেষভাবে একক-পৃষ্ঠা অ্যাপ্লিকেশন (SPA) এর প্রয়োজনের জন্য ডিজাইন করা হয়েছে। এটি ব্রাউজারের ব্যাক এবং ফরোয়ার্ড বোতাম দ্বারা ট্রিগার হওয়া সহ সকল ধরণের নেভিগেশন অ্যাকশন শুরু, আটকানো এবং পরিচালনা করার একটি কেন্দ্রীভূত উপায় অফার করে। Maps এর মতো ইভেন্টগুলির সাহায্যে, ডেভেলপাররা কম বয়লারপ্লেট কোড সহ মসৃণ ক্লায়েন্ট-সাইড রাউটিং বাস্তবায়ন করতে পারে। এটি কীভাবে ওয়েবের জন্য আমাদের তৈরি করার পদ্ধতিতে পরিবর্তন আনে সে সম্পর্কে আরও গভীরভাবে জানতে, আমাদের ডেডিকেটেড ব্লগ পোস্টটি দেখুন: আধুনিক ক্লায়েন্ট-সাইড রাউটিং: নেভিগেশন API ।
rcap সিএসএস ইউনিট
rcap ইউনিট হল একটি root-font-relative দৈর্ঘ্যের একক যা মূল উপাদানের ফন্টের "cap height" (বড় অক্ষরের নামমাত্র উচ্চতা) এর সমান। এটি সুনির্দিষ্ট টাইপোগ্রাফিক লেআউটের জন্য অনুমতি দেয় যা কেবল ফন্টের আকারের পরিবর্তে সাইটে ব্যবহৃত প্রাথমিক টাইপফেসের সাথে সাপেক্ষে স্কেল করে।
rch সিএসএস ইউনিট
ch ইউনিটের মতো কিন্তু রুট এলিমেন্টের সাপেক্ষে, rch ইউনিট রুট এলিমেন্টের ফন্টে "0" (শূন্য) গ্লিফের প্রস্থ—অথবা আরও স্পষ্টভাবে বলতে গেলে, অগ্রিম পরিমাপ—প্রতিনিধিত্ব করে। এটি অক্ষরের প্রস্থের উপর নির্ভর করে লেআউট তৈরির জন্য আদর্শ, যেমন একটি ধারক যা রুট ফন্টে নির্দিষ্ট সংখ্যক অক্ষরের সাথে সঠিকভাবে ফিট করা উচিত।
rex সিএসএস ইউনিট
rex ইউনিট হল ex এর রুট-রিলেটিভ সংস্করণ, যা রুট এলিমেন্টের ফন্টের x-উচ্চতার সমান। এই ইউনিটটি বিশেষভাবে উল্লম্ব সারিবদ্ধকরণ এবং আপনার ডকুমেন্টের প্রাথমিক টাইপোগ্রাফিতে ছোট হাতের অক্ষরের উচ্চতার সাপেক্ষে উপাদানগুলির আকার নির্ধারণের জন্য কার্যকর।
ric CSS ইউনিট
ric ইউনিট হল ic ইউনিটের রুট-আপেক্ষিক প্রতিরূপ। এটি রুট এলিমেন্টের ফন্টের "আইডিওগ্রাফিক" অগ্রিম পরিমাপের (সাধারণত একটি CJK আইডিওগ্রাফের প্রস্থ বা উচ্চতা) সমান। এটি আন্তর্জাতিকীকরণ লেআউট তৈরির ডেভেলপারদের জন্য একটি গুরুত্বপূর্ণ হাতিয়ার, বিশেষ করে যারা চীনা, জাপানি বা কোরিয়ান স্ক্রিপ্ট ব্যবহার করেন।
বেসলাইন ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্য
নিম্নলিখিত ওয়েব বৈশিষ্ট্যগুলি ২০২৬ সালের জানুয়ারিতে বেসলাইন ব্যাপকভাবে উপলব্ধ হয়ে ওঠে।
দুই মানের CSS display প্রোপার্টি
display প্রোপার্টির জন্য মাল্টি-কিওয়ার্ড সিনট্যাক্স এখন Baseline Widely উপলব্ধ। এই আপডেটটি আপনাকে একটি বাক্সের "outer" এবং "inner" উভয় ধরণের প্রদর্শন স্পষ্টভাবে সংজ্ঞায়িত করতে দেয়। উদাহরণস্বরূপ, প্রি-কম্পোজড inline-flex এর পরিবর্তে, আপনি display: inline flex ব্যবহার করতে পারেন। এটি স্পষ্ট করে যে কোনও উপাদান ব্লক বা ইনলাইন প্রবাহে (বাইরের প্রকার) অংশগ্রহণ করে কিনা এবং এর শিশুরা কীভাবে সাজানো হয়েছে (inner type, যেমন flex বা grid )। এই পরিবর্তনটি CSS লেআউট ইঞ্জিনকে ডেভেলপারদের জন্য আরও যুক্তিসঙ্গত এবং সামঞ্জস্যপূর্ণ করে তোলে।
animation-composition CSS বৈশিষ্ট্য
animation-composition প্রোপার্টি নির্ধারণ করে যে একাধিক অ্যানিমেশন যখন একই প্রোপার্টিকে একই সাথে প্রভাবিত করে তখন কীভাবে ইন্টারঅ্যাক্ট করবে। আপনি replace , add , অথবা accumulate এর মধ্যে একটি বেছে নিতে পারেন, যা আপনাকে জটিল, স্তরযুক্ত অ্যানিমেশনগুলি কীভাবে গণনা করা হবে তার উপর সুনির্দিষ্ট নিয়ন্ত্রণ দেয়।
অনুলিপি অনুসারে অ্যারে
জাভাস্ক্রিপ্টে এখন এমন পদ্ধতি অন্তর্ভুক্ত রয়েছে যা আপনাকে মূল ডেটা পরিবর্তন না করেই অ্যারে রূপান্তর করতে দেয় । toReversed() , toSorted() , এবং toSpliced() এর মতো পদ্ধতিগুলি অ্যারের একটি নতুন, পরিবর্তিত কপি ফেরত দেয়, যা আরও কার্যকরী এবং নিরাপদ প্রোগ্রামিং স্টাইলকে উন্নীত করে।
আমাদের উন্নতি করতে সাহায্য করুন
যথারীতি, বেসলাইন-সম্পর্কিত কোনও কিছু মিস হয়ে গেলে আমাদের জানান, এবং আমরা নিশ্চিত করব যে এটি ভবিষ্যতের সংস্করণে ধারণ করা হবে! যদি আপনার কোনও প্রশ্ন থাকে বা বেসলাইন সম্পর্কে প্রতিক্রিয়া জানাতে চান, তাহলে আপনি আমাদের ইস্যু ট্র্যাকারে একটি সমস্যা দায়ের করতে পারেন।