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 कस्टम हाईलाइट API, इनपुट टाइप्स में होवर डिटेक्शन, `color-mix()` के साथ ट्रांसपेरेंट कलर, स्क्रॉल स्नैप इवेंट्स, `light-dark()`, `contrast-color()`, `@scope` के साथ स्कोप्ड CSS, `:where()`, स्क्रॉल-ड्रिवेन एनिमेशन, CSS कैरोसेल्स, `corner-shape`, CSS कस्टम फंक्शन्स, CSS ग्रिड लेन्स, पॉपओवर API, व्यू ट्रांज़िशन API, कंटेनर स्टाइल क्वेरीज़, `details` नाम के साथ एक्सक्लूसिव एकॉर्डियन्स, बटन कमांड्स के साथ डायलॉग्स को नियंत्रित करना, और `hidden=until-found` के साथ सर्चेबल कॉलेप्स्ड कंटेंट।\n\nसभी उदाहरण शीर्षक और सामग्री के अनुसार खोजे जा सकते हैं। उत्पादन उपयोग के लिए ब्राउज़र सपोर्ट सत्यापित करना और फॉलबैक प्रदान करना याद रखें।
स्रोत: Hacker News · HeadlinesBriefing द्वारा सारांशित