Whatsapp

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

Anonim

आज, मैं आपके साथ डिजाइनरों और डेवलपर्स के लिए 12 क्रोम एक्सटेंशन की मेरी क्यूरेटेड सूची साझा कर रहा हूं। मैं उत्साहित हूं कि यह मेरी विशेषज्ञता का क्षेत्र है तो चलिए इसे ठीक से समझते हैं।

1. द ग्रेट सस्पेंडर

द ग्रेट सस्पेंडर एक निःशुल्क और ओपन-सोर्स Google Chrome एक्सटेंशन है जो Chrome द्वारा उपयोग की जाने वाली मेमोरी की मात्रा को कम करता है। यह स्वचालित रूप से निष्क्रिय किए गए टैब को निलंबित करके ऐसा करता है।हुड के तहत यह उनके ग्राफिक्स, जेएस, आदि के निष्क्रिय वेब पेजों को हटा देता है।

द ग्रेट सस्पेंडर क्रोम एक्सटेंशन

2. यूएक्स चेक

UX चेक Chrome एक्सटेंशन एक त्वरित और आसान अनुमानी मूल्यांकन के माध्यम से उपयोगिता संबंधी समस्याओं को पहचानने में आपकी सहायता करता है।

कार्यप्रवाह सरल है। Nielsen's Ten Heuristics लॉन्च करने के लिए आइकन पर क्लिक करें जैसे साइड पैनल में Chrome Dev टूल . आप नोट्स जोड़ने, स्क्रीनशॉट लेने और आसानी से साझा करने के लिए s docx फ़ाइल के रूप में निर्यात करने के लिए मूल्यांकन पास नहीं करने वाले किसी भी तत्व पर क्लिक कर सकते हैं।

UX Chrome एक्सटेंशन जांचें

3. आँख की ड्रॉपर

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

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

आई ड्रॉपर क्रोम एक्सटेंशन

4. फॉन्टफेस निंजा

FontFace Ninja किसी भी वेबसाइट पर किसी भी फ़ॉन्ट पर जानकारी प्रदर्शित करने में सक्षम है। इसमें मुफ्त फोंट के लिए डाउनलोड लिंक और भुगतान किए गए फोंट की कीमतों को प्रदर्शित करने का विकल्प शामिल है।

FontFace Ninja में डार्क मोड का उपयोग करने, छवियों (बीटा) में फोंट का पता लगाने और बुकमार्किंग विकल्प प्रदर्शित करने के विकल्प भी हैं।

FontFace निंजा क्रोम एक्सटेंशन

5. पेज रूलर

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

पेज रूलर क्रोम एक्सटेंशन

6. फेसबुक वीडियो डाउनलोडर

FB डाउन आसानी से फेसबुक और वीडियो प्लेबैक वाले किसी भी अन्य पेज से वीडियो डाउनलोड कर सकते हैं। आप कुछ कॉपीराइट किए गए वीडियो (जब आप बिना ऑडियो के वीडियो डाउनलोड करना चुनते हैं) सहित सभी लोकप्रिय मीडिया प्रारूपों को डाउनलोड करने के लिए इसका उपयोग कर सकते हैं।

FB डाउन वेब पेजों पर एक लिंक स्निफर के रूप में कार्य करता है और जब यह डाउनलोड करने योग्य सामग्री देखता है तो आइकन रोशनी करता है।

Facebook वीडियो डाउनलोडर क्रोम एक्सटेंशन

7. परफेक्ट पिक्सेल

PerfectPixel WellDoneCode द्वारा, पिक्सेल-परिपूर्ण वेबसाइट बनाने के लिए सबसे अच्छा एक्सटेंशन है। यह आपको चित्रों को ओवरले के रूप में सेट करने की अनुमति देता है जिसकी तुलना आप विकास स्थल से कर सकते हैं। यह कीबोर्ड शॉर्टकट, अर्ध-पारदर्शी छवि ओवरले, और बहुत कुछ का समर्थन करता है।

PerfectPixel क्रोम एक्सटेंशन

8. टिनआई

TinEye सटीक रिवर्स इमेज सर्च टूल है और कीवर्ड, मेटाडेटा या वॉटरमार्क के बजाय छवि पहचान तकनीक को लागू करने वाला पहला है। यह छवियों के लिए अद्वितीय डिजिटल हस्ताक्षर बनाकर काम करता है और फिर हस्ताक्षर की तुलना इसके सूचकांक में करता है।

TinEye न केवल अपने खोज परिणामों में मिलती-जुलती छवियां लौटाता है, बल्कि सटीक मिलानों में काटे गए, आकार बदलने वाले और संपादित संस्करणों को बाहर नहीं करता है।

TinyEye Chrome एक्सटेंशन

9. सीएसएस काली मिर्च

CSS Pepper आपको CSS (छिपी हुई वस्तुओं का भी) निकालने और एक सुव्यवस्थित तरीके से सुंदर स्टाइल गाइड बनाने में सक्षम बनाता है। यह डिजाइनरों और डेवलपर्स को कोड के माध्यम से खोजने के बजाय डिजाइन पर काम करने में समय बिताने में सक्षम बनाता है।

CSS Pepper Chrome एक्सटेंशन

10. व्हाट्सरन

WhatRuns आपको किसी भी वेबसाइट पर चलने वाली हर चीज की जानकारी देता है, जिसमें फ्रेमवर्क, थीम, फोंट, सीएमएस आदि शामिल हैं।

इसके अलावा, जब भी कोई नई तकनीक जोड़ी जाती है, तो एक्सटेंशन आपको सूचित करने के लिए वेबसाइटों का अनुसरण कर सकता है।

WhatRuns Chrome एक्सटेंशन

1 1। मुजली

Muzli एक निःशुल्क एक्सटेंशन है जो एक नए टैब प्रतिस्थापन के रूप में सीधे आपके ब्राउज़र पर हजारों सुंदर, प्रेरक, डिज़ाइन लाता है .

हर बार जब आप एक नया टैब खोलते हैं तो मुज़ली इसे इनविज़न, मुज़ली, ड्रिबल, प्रोडक्ट हंट, सीएनएन, सीएसएस लेखक आदि सहित 120+ स्रोतों से कुछ सबसे सुंदर डिज़ाइनों से भर देता है! यह डिजाइनरों के लिए एक गहना है।

Muzli क्रोम एक्सटेंशन

12. आयाम

Dimensions एक मुफ़्त और ओपन-सोर्स एक्सटेंशन है जो आपको पृष्ठ तत्वों के बीच की दूरी मापने का एक स्मार्ट तरीका प्रदान करता है।

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

आयाम क्रोम एक्सटेंशन

ऐसे अन्य एक्सटेंशन हैं जिनके बारे में आपको पता होना चाहिए उदा. Checkbot का उद्देश्य टूटे हुए लिंक, असुरक्षित पेज, अमान्य HTML/CSS/JS, डुप्लीकेट शीर्षक, और अन्य की जांच करके आपकी एसईओ प्रतिष्ठा और वेबसाइट की समग्र गति और सुरक्षा को बढ़ावा देना है ऐसी समस्याएं जिन्हें आप विकास के दौरान नोटिस नहीं कर सकते हैं।

And Check My Links जो यह सुनिश्चित करने के लिए आपके वेब पृष्ठों के माध्यम से क्रॉल करता है कि आपके पास कोई टूटा हुआ लिंक नहीं है - यह मुफ़्त है लेकिन जैसा नहीं है मज़बूत।

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