डिज़ाइन और CSS
लाइव लोकल पूर्वावलोकन के साथ व्यावहारिक रंग और CSS जनरेट करें।
CSS आस्पेक्ट रेशियो इन्वेंटरी
एक स्टाइलशीट में aspect-ratio घोषणाओं को निकालें और उपयोग किए गए अद्वितीय अनुपातों का सारांश दें।
उपकरण खोलें →CSS स्टिकी पोज़िशन चेकर
स्टिकी पोज़िशनिंग नियम ढूँढें और बताएं कि क्या प्रत्येक नियम एक उपयोगी इनसेट सीमा घोषित करता है।
उपकरण खोलें →CSS व्यूपोर्ट इकाई सूची
पेस्ट किए गए CSS में उपयोग किए गए इन्वेंटरी, क्लासिक, छोटे, बड़े और डायनामिक व्यूपोर्ट यूनिट्स.
उपकरण खोलें →CSS डुप्लिकेट डिक्लेरेशन खोजक
समीक्षा के लिए उसी समतल CSS नियम के भीतर एक से अधिक बार घोषित गुणों को खोजें।
उपकरण खोलें →सीएसएस ओवरफ़्लो इन्वेंटरी
इन्वेंट्री ओवरफ़्लो, ओवरफ़्लो-x और ओवरफ़्लो-y घोषणाएँ, तथा क्लिपिंग और स्क्रॉलिंग मानों का सारांश दें.
उपकरण खोलें →CSS ट्रांज़िशन प्रॉपर्टी इन्वेंटरी
शॉर्टहैंड और transition-property घोषणाओं से परिवर्तित CSS गुणों को निकालें।
उपकरण खोलें →सीएसएस लाइन-हाइट सूची
इन्वेंटरी line-height घोषणाएँ और unitless, relative, absolute और normal मानों को वर्गीकृत करें।
उपकरण खोलें →CSS फोकस विज़िबल चेकर
फ़ोकस और फ़ोकस-विज़िबल सेलेक्टरों की तुलना करें और उन नियमों को चिह्नित करें जो कीबोर्ड फ़ोकस आउटलाइन को दबाते हैं।
उपकरण खोलें →CSS प्रिंट मीडिया इन्वेंट्री
इन्वेंटरी प्रिंट मीडिया ब्लॉक्स और वे घोषणाएँ जो आम तौर पर मुद्रित आउटपुट को आकार देने के लिए उपयोग की जाती हैं।
उपकरण खोलें →CSS Reduced Motion चेकर
प्रेफ़र्स-रिड्यूस्ड-मोशन नियमों की जाँच करें और ऐसे मोशन घोषणाओं को चिह्नित करें जिनमें स्पष्ट कमी-मार्ग न हो।
उपकरण खोलें →सीएसएस फ़ॉन्ट डिस्प्ले इन्वेंटरी
font-face नियमों के अंदर फ़ॉन्ट-डिस्प्ले रणनीतियों की सूची बनाएं और छोड़े गए लोडिंग व्यवहार को चिह्नित करें।
उपकरण खोलें →CSS फ़ोर्स्ड कलर्स चेकर
उच्च-कॉन्ट्रास्ट तैयारी के लिए forced-colors media queries और forced-color-adjust declarations का निरीक्षण करें।
उपकरण खोलें →CSS टच एक्शन इन्वेंटरी
पेस्ट की गई CSS में इन्वेंट्री टच-एक्शन घोषणाओं और जेस्चर प्रतिबंधों का सारांश दें।
उपकरण खोलें →CSS उपयोगकर्ता चयन सूची
पाठ चयन को अक्षम करने वाले इन्वेंटरी यूज़र-सेलेक्ट घोषणाओं और हाइलाइट नियमों का निरीक्षण करें।
उपकरण खोलें →CSS एक्सेंट रंग इन्वेंट्री
देशी फ़ॉर्म नियंत्रणों को स्टाइल करने के लिए उपयोग की जाने वाली accent-color घोषणाएँ।
उपकरण खोलें →CSS स्क्रॉलबार प्रॉपर्टी इन्वेंटरी
पेस्ट किए गए CSS में मानक scrollbar गुणों और legacy WebKit scrollbar selectors की सूची बनाएं।
उपकरण खोलें →सुलभ CSS चेकबॉक्स जनरेटर
दृश्य चेक्ड स्थिति, कीबोर्ड फ़ोकस रिंग और सीमित आकार, रेडियस तथा रंग नियंत्रण के साथ एक कस्टम चेकबॉक्स बनाएं, फिर पूरी CSS को स्थानीय रूप से कॉपी करें.
उपकरण खोलें →सुलभ CSS टॉगल स्विच जनरेटर
सुसंगत ट्रैक और थम्ब ज्यामिति, सक्रिय रंगों और कीबोर्ड-में-दृश्य फ़ोकस ट्रीटमेंट के साथ एक प्रतिक्रियाशील चेकबॉक्स-आधारित टॉगल स्विच जनरेट करें।
उपकरण खोलें →CSS क्लिप पाथ शेप जेनरेटर
एक सीमित ज्यामितीय प्रीसेट चुनें और अपलोड किए गए डिज़ाइन डेटा के बिना लाइव रंग पूर्वावलोकन के साथ एक मानक-तैयार clip-path बहुभुज तैयार करें।
उपकरण खोलें →CSS पृष्ठभूमि पैटर्न जनरेटर
CSS ग्रेडिएंट्स से हल्के डॉट, ग्रिड या तिरछी-धारी वाले बैकग्राउंड बनाएं, जहाँ इमेज एसेट्स के बजाय नियंत्रित spacing, stroke width और colors हों।
उपकरण खोलें →सुगम्य CSS ग्लासमॉर्फ़िज़्म जनरेटर
फॉलबैक रंग, बैकड्रॉप ब्लर, बॉर्डर, रेडियस और शैडो मानों के साथ एक पारदर्शी पैनल बनाएं, जबकि नियंत्रित स्थानीय बैकड्रॉप पर कंट्रास्ट का पूर्वावलोकन करें।
उपकरण खोलें →HTML से SVG रेंडरर
एक स्वच्छ HTML अंश को एक स्केलेबल SVG कैनवास में बदलें, जिसकी टेक्स्ट और लेआउट अलग-अलग प्रदर्शन आकारों पर भी स्पष्ट बनी रहें।
उपकरण खोलें →HTML से PNG रेंडरर
एक स्पष्ट कैनवास आकार और वैकल्पिक पारदर्शिता-अनुकूल पृष्ठभूमि के साथ स्वच्छ HTML को बिना किसी हानि के PNG छवि के रूप में रेंडर करें।
उपकरण खोलें →HTML से JPG रेंडरर
पारदर्शिता की आवश्यकता न रखने वाले पूर्वावलोकनों, ईमेल मसौदों और सोशल आर्टवर्क के लिए शुद्ध HTML को एक सघन फोटोग्राफिक JPEG कैनवास में बदलें।
उपकरण खोलें →इस पृष्ठ पर कोई मेल खाते उपकरण नहीं हैं।