HTMLcat-এ স্বাগতম, এটি একটি ছোট, নেটিভ ওয়েব ট্রিকসের সংগ্রহ যা মনে রাখা মূল্যবান। প্রতিটি post-it একটি উপকারী প্ল্যাটফর্ম ফিচারকে একটি ন্যূনতম উদাহরণ এবং গুরুত্বপূর্ণ সতর্কতার সাথে জোড়া দেয়। নোটগুলো HTML, CSS এবং JS-এর স্থিতিশীল, সীমিত এবং পরীক্ষামূলক ফিচারগুলো কভার করে। সাপোর্ট লেবেল চেক করুন, একটি ফ্যালব্যাক রাখুন, এবং বাস্তব ব্রাউজার ও সহায়ক প্রযুক্তির সাথে পরীক্ষা করুন।\n\nউল্লেখযোগ্য ট্রিকগুলোর মধ্যে রয়েছে: ডিভাইস টাইপ সনাক্তকরণ, স্ক্রোলবার লুকানো, খালি ট্যাগ, CSS কেন্দ্রিকরণ, `clamp()`, মসৃণ স্ক্রোলিং, স্ক্রোল মার্জিন, `classList.toggle()`, টেলিফোন ও ইমেইল লিঙ্ক, টেক্সট সিলেকশন হাইলাইটিং, `:has()` সম্পর্কিত সিলেক্টর, `::marker` দিয়ে লিস্ট মার্কার স্টাইলিং, `Intl.NumberFormat` দিয়ে লোকালাইজড দাম, `inert` দিয়ে সাবট্রি নিষ্ক্রিয় করা, `:target` ছদ্ম-ক্লাস, `translate` অ্যাট্রিবিউট, `prefers-color-scheme`, কন্টেইনার সাইজ কুয়েরি, `<dialog>` এলিমেন্ট, `text-wrap` দিয়ে ভাল র্যাপিং, ডেসক্রিপশন লিস্ট অ্যালাইনমেন্ট, `accent-color` দিয়ে নেটিভ ফর্ম রং, CSS কাস্টম হাইলাইট এপিআই, ইনপুট টাইপে হোভার ডিটেকশন, `color-mix()` দিয়ে ট্রান্সপারেন্ট রং, স্ক্রোল স্ন্যাপ ইভেন্ট, `light-dark()`, `contrast-color()`, `@scope` দিয়ে স্কোপড CSS, `:where()`, স্ক্রোল-ড্রিভেন অ্যানিমেশন, CSS ক্যারোসেল, `corner-shape`, CSS কাস্টম ফাংশন, CSS গ্রিড লেন, পপওভার এপিআই, ভিউ ট্রানজিশন এপিআই, কন্টেইনার স্টাইল কুয়েরি, `details` নামের এক্সক্লুসিভ অ্যাকর্ডিয়ন, বাটন কমান্ড দিয়ে ডায়ালগ নিয়ন্ত্রণ, এবং `hidden=until-found` দিয়ে সার্চযোগ্য কোলাপ্সড কন্টেন্ট।\n\nসমস্ত উদাহরণ শিরোনাম ও কন্টেন্ট দ্বারা অনুসন্ধানযোগ্য। প্রোডাকশন ব্যবহারের জন্য ব্রাউজার সাপোর্ট যাচাই ও ফ্যালব্যাক প্রদান করতে ভুলবেন না।
উৎস: Hacker News · সারাংশ: HeadlinesBriefing