वेब डिज़ाइनरों के लिए 7 आवश्यक क्रोम एक्सटेंशन

वेब डिज़ाइनरों के लिए 7 आवश्यक क्रोम एक्सटेंशन

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





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





1. जीमेल के लिए ड्रॉपबॉक्स

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





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

इंस्टॉल: जीमेल के लिए ड्रॉपबॉक्स



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

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

FontFace Ninja एक क्रोम एक्सटेंशन है जो आपको ऐसा करने में मदद करता है। बहुत पसंद है उपकरण जो छवियों से फ़ॉन्ट ढूंढते हैं यह आपको ऑनलाइन देखे जाने वाले फोंट की पहचान करने में मदद करता है। फर्क सिर्फ इतना है कि FontFace Ninja पेज के CSS में कोड किए गए फोंट को पढ़ता है, जैसे हेडिंग का टाइपफेस और बॉडी टेक्स्ट।





जब आप FontFace Ninja लॉन्च करते हैं, तो यह आपको उस फ़ॉन्ट की जानकारी दिखाएगा जिस पर आप इसे निर्देशित करते हैं --- और न केवल टाइपफेस, बल्कि वजन, आकार, ऊंचाई, चौड़ाई और रंग भी। उस फ़ॉन्ट को बुकमार्क करने के लिए, आपको सिस्टर सर्विस में एक खाते की आवश्यकता होगी, फॉन्टफेस डोजो .

इंस्टॉल: फॉन्टफेस निंजा





3. कलरपिक आईड्रॉपर

कोई फर्क नहीं पड़ता कि आपके पास रंग के लिए कितनी अच्छी आंख है, आपके द्वारा ऑनलाइन देखी गई किसी विशेष छाया को फिर से बनाना मुश्किल है जब तक कि आप इसके आरजीबी या एचटीएमएल मूल्यों को नहीं जानते। सौभाग्य से, आपको यह अनुमान लगाने की आवश्यकता नहीं है कि आपके पास ColorPick Eyedropper है या नहीं।

पसंद Mac के लिए सर्वश्रेष्ठ रंग बीनने वाले ऐप्स , ColorPick Eyedropper आपको आपके द्वारा इंगित किसी भी रंग के लिए मान दिखाएगा। अंतर यह है कि यह हमेशा आपके ब्राउज़र में होता है और आपको कुछ भी अपलोड करने की आवश्यकता नहीं होती --- बस आइकन पर क्लिक करें और लक्ष्य को सही स्थान पर ले जाएं।

एक्सटेंशन टेक्स्ट, छवियों और वेब पेज (यहां तक ​​कि विज्ञापनों) पर आपके द्वारा देखी जा सकने वाली किसी भी चीज़ के रंगों को पढ़ता है। एक बार जब आप किसी रंग पर कब्जा कर लेते हैं, तो यह आपको इसके लिए HTML, RGB और HSL मान दिखाता है।

इंस्टॉल: कलरपिक आईड्रॉपर

4. आयाम

यह ओपन-सोर्स एक्सटेंशन वेब डिज़ाइनरों के लिए एक खोज है, खासकर यदि आप छोटे व्यवसायों के लिए वन-टाइम गिग्स करते हैं। जब कोई क्लाइंट आपको बिना किसी पिछली फाइल या दस्तावेज के वेबसाइट देता है और आपसे 'इस तरह का एक पेज, लेकिन अलग-अलग टेक्स्ट और इमेज के साथ' डिजाइन करने के लिए कहता है, तो लेआउट का पता लगाना एक दर्द होता है।

स्प्रिंट फोन को मुफ्त में कैसे अनलॉक करें

आयाम आपको पृष्ठ पर किसी भी तत्व की ऊंचाई और चौड़ाई के साथ-साथ उनके बीच के मार्जिन को आसानी से मापने देता है। इससे मौजूदा पृष्ठों को फिर से बनाना और उत्पादन में जाने के बाद अपने स्वयं के डिज़ाइन को दोबारा जांचना आसान हो जाता है।

इंस्टॉल: आयाम

5. दृश्य निरीक्षक

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

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

NS सहयोग टैब वह जगह है जहां आप प्रतिक्रिया दे सकते हैं और अपनी टीम के साथ चर्चा कर सकते हैं, और पृष्ठ पर किसी भी तत्व पर क्लिक करके एक टिप्पणी छोड़ना आसान है।

Android 2018 . के लिए सबसे अच्छा कंपास ऐप

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

इंस्टॉल: दृश्य निरीक्षक

6. आसान स्क्रीन कैप्चर

स्क्रीन कैप्चर एक्सटेंशन बेमानी लग सकता है, क्योंकि Mac पर स्क्रीनशॉट लेना आसान है, और विंडोज़ पर अपनी स्क्रीन कैप्चर करना बस थोड़ी अधिक परेशानी है। लेकिन Easy Screen Capture के कुछ बिक्री बिंदु हैं।

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

एक और साफ-सुथरी तरकीब स्क्रीनशॉट को क्लिपबोर्ड पर कॉपी करने और इसे सीधे चैट या ईमेल में पेस्ट करने में सक्षम है, न कि आपके कंप्यूटर पर बेकार छवि फ़ाइलों को जमा करने के लिए।

इंस्टॉल: आसान स्क्रीन कैप्चर

7. बर्फीले 2

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

मुजली आपके डिफ़ॉल्ट क्रोम टैब को बदल देता है और आपको वहां जो दिखता है उसे अनुकूलित करने की अनुमति देता है। आपकी रुचियों के आधार पर, मुजली आपके लिए ड्रिबल और बेहंस से लेकर 99designs और Creative Bloq तक की वेबसाइटों के साथ फ़ीड चुनेगी। जब आप अपनी पहली कॉफी की चुस्की ले रहे हों, तब स्क्रॉल करने के लिए बहुत सारी प्रेरणा!

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

इंस्टॉल: बर्फीले २

अपने सभी डिज़ाइन कार्यों के लिए Chrome एक्सटेंशन प्राप्त करें

इस सूची के क्रोम एक्सटेंशन आपके डिज़ाइन सॉफ़्टवेयर से मेल नहीं खाते हैं, लेकिन वे डिज़ाइनर होने के साथ आने वाली सभी छोटी चीज़ों को कवर करते हैं --- चाहे वह टाइपोग्राफी इंटेल हो या आपके सहयोगियों के साथ सहयोग करना हो।

एक बार जब आपको पता चलता है कि Chrome वेब स्टोर टूल से भरा हुआ है, तो नए जोड़ना बंद करना कठिन हो सकता है। तो सीखो अपने क्रोम एक्सटेंशन कैसे प्रबंधित करें इससे पहले कि वे हाथ से निकल जाएं।

साझा करना साझा करना कलरव ईमेल क्या यह विंडोज 11 में अपग्रेड करने लायक है?

विंडोज़ को नया रूप दिया गया है। लेकिन क्या यह आपको विंडोज 10 से विंडोज 11 में शिफ्ट होने के लिए मनाने के लिए काफी है?

आगे पढ़िए
संबंधित विषय
  • इंटरनेट
  • रचनात्मक
  • गूगल क्रोम
  • वेब डिजाइन
  • ब्राउज़र एक्सटेंशन
लेखक के बारे में एलिस कोट्ल्यारेंको(28 लेख प्रकाशित)

ऐलिस एक प्रौद्योगिकी लेखक है जो Apple तकनीक के लिए एक सॉफ्ट स्पॉट के साथ है। वह कुछ समय के लिए मैक और आईफोन के बारे में लिख रही है, और जिस तरह से तकनीक रचनात्मकता, संस्कृति और यात्रा को दोबारा बदल देती है, उससे प्रभावित होती है।

एलिस कोट्ल्यारेंको . की और फ़िल्में या टीवी शो

हमारे न्यूज़लेटर की सदस्यता लें

तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!

सब्सक्राइब करने के लिए यहां क्लिक करें