वेब डिजाइनरों और डेवलपर्स के लिए 30 क्रोम एक्सटेंशन

विषय

• 01. जीमेल को सरल बनाएं
• 02. स्पेक्ट्रम
• 03. सीएसएस स्कैन 2.0
• 04. अमीनो
• 05. सिज़ी
• 06. साइट पैलेट
• 07. चेकबॉट
• 08. टोबी
• 09. डोमफ्लैग्स
• 10. अत्यधिक हाइलाइटर

क्रोम के देव उपकरण बहुत अच्छे हैं, लेकिन वेब डिज़ाइन और विकास को आसान बनाने के लिए आपके इंटरनेट ब्राउज़र में और भी रोमांचक सुविधाएँ जोड़ना संभव है।

बेशक, चीजों को गति देने के लिए कई अन्य उपकरण हैं, हमारे पसंदीदा वेब डिज़ाइन टूल पोस्ट देखें। अभी के लिए, हालांकि, वेब डिज़ाइनरों और डेवलपर्स के लिए हमारे पसंदीदा Chrome एक्सटेंशन में से 30 यहां दिए गए हैं।

01. जीमेल को सरल बनाएं

यदि आप जीमेल को अपने स्वयं के अच्छे के लिए थोड़ा गड़बड़ कर रहे हैं, तो जीमेल को सरल बनाने के लिए नमस्ते कहें, जो पिछले कुछ सालों में सभी मलबे और खराब यूआई निर्णयों को दूर कर देता है। जीमेल के पूर्व लीड डिज़ाइनर, माइकल लेगेट द्वारा बनाया गया, यह सभी विचलित करने वाली अव्यवस्था से छुटकारा दिलाता है और आपको एक अधिक स्ट्रिप-बैक और कार्यात्मक संस्करण देता है।

02. स्पेक्ट्रम

कलर ब्लाइंडनेस दुनिया भर में लगभग 200 मिलियन लोगों को प्रभावित करता है, लेकिन डिजाइनरों की एक्सेसिबिलिटी चेकलिस्ट पर उनके लिए खानपान अक्सर कम होता है। हालांकि, स्पेक्ट्रम के साथ, आप विभिन्न प्रकार की रंग दृष्टि की कमी के खिलाफ अपनी साइट का शीघ्रता से परीक्षण कर सकते हैं और सुनिश्चित कर सकते हैं कि सब कुछ स्पष्ट है।

03. सीएसएस स्कैन 2.0

साइट कैसे काम करती है, यह देखने के लिए क्रोम के देव उपकरण बोनट के नीचे जांचने का एक आसान तरीका है, लेकिन सीएसएस स्कैन 2.0 और भी आसान है यदि यह सीएसएस है जिसे आप देखना चाहते हैं। किसी भी तत्व पर होवर करें और उसका सीएसएस एक पॉप-अप दृश्य में दिखाई देगा, जिससे आप उसके नियमों को एक क्लिक में कॉपी कर सकेंगे। आप अपने स्वयं के उपयोग के लिए अनुकूलित करने के लिए थीम या टेम्प्लेट से विशेष तत्वों की प्रतिलिपि बनाने के लिए इसका उपयोग कर सकते हैं, और यह आपके अपने कोड को डीबग करने के लिए बहुत अच्छा है।

04. अमीनो

यहाँ एक और बढ़िया CSS टूल है। अमीनो एक लाइव सीएसएस संपादक है जो आपको ब्राउज़र में स्टाइल शीट बनाने देता है और उन्हें वास्तविक समय में वेब साइटों पर लागू करने देता है। यह प्रभावी रूप से आपको आपके द्वारा देखी जाने वाली किसी भी साइट पर स्थायी डिज़ाइन परिवर्तन करने की अनुमति देता है, और यदि आपने अपने Google खाते से क्रोम में साइन इन किया है तो स्टाइल शीट को सिंक किया जाएगा ताकि वे आपके सभी डेस्कटॉप उपकरणों पर क्रोम से पहुंच सकें।

05. सिज़ी

उत्तरदायी वेब डिज़ाइन इन दिनों दिया गया है, और यह आप कई व्यूपोर्ट्स में अपने डिज़ाइनों की जांच करने का एक सीधा तरीका चाहते हैं, सिज़ी देखने लायक है। यह आपको कई अलग-अलग डिवाइस स्क्रीन आकारों पर प्रस्तुत किए गए आपके पृष्ठ का एक इंटरैक्टिव दृश्य दिखाएगा, और आप एक सिम्युलेटेड डिवाइस कीबोर्ड भी दिखा और छुपा सकते हैं, और पोर्ट्रेट और लैंडस्केप मोड के बीच स्विच कर सकते हैं।

06. साइट पैलेट

अगली बार जब आप किसी ऐसी साइट को देखें जो रंग का बहुत अच्छा उपयोग करती है, तो इसका लाभ उठाने का एक आसान तरीका यहां दिया गया है। साइट पैलेट एक वेबसाइट से मुख्य रंग निकालता है और एक साझा करने योग्य पैलेट बनाता है जिसे आप आसानी से सहयोगियों को दिखा सकते हैं। आप एक स्केच टेम्प्लेट भी डाउनलोड कर सकते हैं, और इसमें एडोब स्वैच सपोर्ट भी है।

07. चेकबॉट

यह सुनिश्चित करना कि आपकी साइट के सभी लिंक वास्तव में काम करते हैं, एक त्वरित उपयोगिता जीत है और यह आपके एसईओ को भी बेहतर बनाने का एक अच्छा तरीका है। चेकबॉट एक क्रोम एक्सटेंशन है जो टूटे हुए लिंक, डुप्लिकेट टाइटल, रीडायरेक्ट चेन, अमान्य एचटीएमएल/जेएस/सीएसएस और बहुत कुछ की जांच करता है, ताकि आप खराब लिंक के लिए अपनी साइट का तुरंत ऑडिट कर सकें और उन्हें ठीक कर सकें।

08. टोबी

यह एक सच्चाई है जिसे सार्वभौमिक रूप से स्वीकार किया गया है कि जब तक आप क्रोम को कुछ घंटों के लिए खोलते हैं, तब तक यह आपकी छोटी उंगली की चौड़ाई वाले टैब का एक भ्रमित करने वाला घोंसला होगा। टोबी उन्हें वश में करने का एक शानदार तरीका है; इसके साथ आप ढेर सारे अलग-अलग बुकमार्क के विकल्प के रूप में उन सभी टैब को लिंक के संग्रह में व्यवस्थित कर सकते हैं, जिससे उन्हें प्रबंधित करना बहुत आसान हो जाता है।

09. डोमफ्लैग्स

डोमफ्लैग्स के साथ तत्वों को स्टाइल करने की प्रक्रियाओं को मौलिक रूप से तेज करें, वास्तव में एक महान विस्तार जो आपको डोम तत्वों के लिए कीबोर्ड शॉर्टकट बनाने देता है। यह डीओएम नेविगेट करने के लिए बुकमार्क होने जैसा है; यह आपके DevTools के साथ काम करने के तरीके को बदल देगा।

10. अत्यधिक हाइलाइटर

लोगों को चर्चा में लाने का एक दिलचस्प तरीका यहां दिया गया है: अत्यधिक आपको वेब पर लेखों से हाइलाइट साझा करने देता है, ताकि आप लेखन के सबसे महत्वपूर्ण अंशों पर ध्यान आकर्षित कर सकें।

अगला: 10 और क्रोम एक्सटेंशन