एक वेब डिज़ाइनर के रूप में, आपके कंप्यूटर पर आपके पास कौन सा सॉफ़्टवेयर होना चाहिए? संभावना है कि यह फोटोशॉप और इलस्ट्रेटर है। और जबकि वे आपके डिज़ाइन वर्कफ़्लो के अनिवार्य हैं, ऐसे छोटे उपकरण हैं जिनकी आपको शायद आवश्यकता नहीं है।
सबसे अच्छी बात यह है कि आपको उन्हें डाउनलोड करने की भी आवश्यकता नहीं है --- बस इन क्रोम एक्सटेंशन को इंस्टॉल करें और चले जाएं। पृष्ठों पर फोंट की पहचान करने से लेकर वेब तत्वों के बीच की दूरी मापने तक, ये वेब डिज़ाइन क्रोम एक्सटेंशन आपके जीवन को आसान बना देंगे।
1. Gmail के लिए ड्रॉपबॉक्स
ड्रॉपबॉक्स एक फाइल होस्टिंग सेवा के रूप में शुरू हुआ, लेकिन जल्द ही यह पता चला कि इसके प्रमुख दर्शक डिजाइनर हैं, जो सहयोगियों के साथ अपने काम को साझा करने के लिए सेवा का उपयोग करते हैं। चूंकि ईमेल अटैचमेंट के लिए डिज़ाइन फ़ाइलें अक्सर बहुत बड़ी होती हैं, इसलिए फ़ाइल में ड्रॉपबॉक्स लिंक भेजना आसान होता है।
जीमेल के लिए ड्रॉपबॉक्स प्रक्रिया को और भी सुविधाजनक बनाता है। जब आप नई ईमेल विंडो के निचले भाग में ड्रॉपबॉक्स बटन का उपयोग करके अपनी फ़ाइल से लिंक करते हैं, तो प्राप्तकर्ता को आपके द्वारा भेजी जा रही चीज़ों की एक झलक मिलती है। छवि फ़ाइलों के लिंक छवियों को सीधे ईमेल पर अपलोड करेंगे, और अन्य प्रकार की फ़ाइलों के लिंक एक आसान पूर्वावलोकन उत्पन्न करेंगे।
इंस्टॉल करें: जीमेल के लिए ड्रॉपबॉक्स
2. FontFace Ninja
हजारों फोंट उपलब्ध होने के साथ, आपकी टाइपोग्राफी संभावनाएं अनंत हैं। विशेष रूप से यदि आप एक सुंदर फ़ॉन्ट की पहचान कर सकते हैं जिसे आप कहीं देखते हैं और इसे अपने स्वयं के प्रोजेक्ट के लिए उधार लेते हैं।
FontFace Ninja एक क्रोम एक्सटेंशन है जो आपको ऐसा करने में मदद करता है। छवियों से फ़ॉन्ट ढूंढने वाले टूल की तरह ही यह आपको ऑनलाइन देखे जाने वाले फ़ॉन्ट की पहचान करने में मदद करता है। फर्क सिर्फ इतना है कि FontFace Ninja पेज के CSS में कोड किए गए फॉन्ट को पढ़ता है, जैसे हेडिंग का टाइपफेस और बॉडी टेक्स्ट।
जब आप FontFace Ninja लॉन्च करते हैं, तो यह आपको उस फ़ॉन्ट की जानकारी दिखाएगा जिस पर आप इसे निर्देशित करते हैं --- और न केवल टाइपफेस, बल्कि वजन, आकार, ऊंचाई, चौड़ाई और रंग भी। उस फ़ॉन्ट को बुकमार्क करने के लिए, आपको सिस्टर सर्विस, FontFace Dojo में एक खाते की आवश्यकता होगी।
इंस्टॉल करें: FontFace निंजा
3. ColorPick Eyedropper
कोई फर्क नहीं पड़ता कि आपके पास रंग के लिए कितनी अच्छी आंख है, आपके द्वारा ऑनलाइन देखी गई किसी विशेष छाया को फिर से बनाना मुश्किल है जब तक कि आप इसके आरजीबी या एचटीएमएल मूल्यों को नहीं जानते। सौभाग्य से, आपको यह अनुमान लगाने की आवश्यकता नहीं है कि आपके पास ColorPick Eyedropper है।
मैक के लिए सर्वश्रेष्ठ रंग बीनने वाले ऐप्स की तरह, ColorPick Eyedropper आपको आपके द्वारा इंगित किए गए किसी भी रंग के लिए मान दिखाएगा। अंतर यह है कि यह हमेशा आपके ब्राउज़र में होता है और आपको कुछ भी अपलोड करने की आवश्यकता नहीं होती --- बस आइकन पर क्लिक करें और लक्ष्य को सही स्थान पर ले जाएं।
एक्सटेंशन टेक्स्ट, छवियों और वेब पेज (यहां तक कि विज्ञापनों) पर आपके द्वारा देखी जा सकने वाली किसी भी चीज़ के रंगों को पढ़ता है। एक बार जब आप किसी रंग को कैप्चर कर लेते हैं, तो यह आपको उसके लिए HTML, RGB और HSL मान दिखाता है।
इंस्टॉल करें: कलरपिक आईड्रॉपर
4. आयाम
यह ओपन-सोर्स एक्सटेंशन वेब डिज़ाइनरों के लिए एक खोज है, खासकर यदि आप छोटे व्यवसायों के लिए वन-टाइम गिग्स करते हैं। जब कोई क्लाइंट आपको बिना किसी पिछली फ़ाइल या दस्तावेज़ के वेबसाइट देता है और आपसे "इस तरह का एक पृष्ठ, लेकिन अलग-अलग टेक्स्ट और छवियों के साथ" डिज़ाइन करने के लिए कहता है, तो लेआउट का पता लगाना एक दर्द होता है।
आयाम आपको पृष्ठ पर किसी भी तत्व की ऊंचाई और चौड़ाई के साथ-साथ उनके बीच के मार्जिन को आसानी से मापने देता है। इससे मौजूदा पृष्ठों को फिर से बनाना आसान हो जाता है और उत्पादन में जाने के बाद अपने स्वयं के डिज़ाइन को दोबारा जांचना आसान हो जाता है।
इंस्टॉल करें: आयाम
5. विजुअल इंस्पेक्टर
विज़ुअल इंस्पेक्टर डिज़ाइन टीमों के लिए एक शक्तिशाली प्रतिक्रिया और सहयोग उपकरण है, जो पिछले तीन एक्सटेंशन की सुविधाओं को मिलाकर और भी अधिक जोड़ रहा है।
निरीक्षण . में टैब, आप आयाम से लेकर फ़ाइल नाम तक, इसके बारे में पूरी जानकारी प्राप्त करने के लिए पृष्ठ पर किसी भी तत्व को चुन सकते हैं। रंग और टाइपोग्राफी उपटैब आपको एक नज़र में रंग पैलेट और सभी फ़ॉन्ट देखने देता है, जबकि संपत्ति पृष्ठ पर सभी छवियों को एक ही स्थान पर एकत्रित करता है।
सहयोग करें टैब वह जगह है जहां आप प्रतिक्रिया दे सकते हैं और अपनी टीम के साथ चर्चा कर सकते हैं, और पृष्ठ पर किसी भी तत्व पर क्लिक करके एक टिप्पणी छोड़ना आसान है।
अधिकांश उन्नत टूल की तरह, विज़ुअल इंस्पेक्टर एक मूल्य टैग के साथ आता है:आपको टिप्पणियां जोड़ने और परिवर्तनों को सिंक करने के लिए $9/उपयोगकर्ता/माह से भुगतान करना होगा। हालांकि, इसकी मूलभूत विशेषताएं जैसे कि रंग, फ़ॉन्ट और छवियों का निरीक्षण, उपयोग करने के लिए स्वतंत्र हैं।
इंस्टॉल करें: दृश्य निरीक्षक
6. आसान स्क्रीन कैप्चर
एक स्क्रीन कैप्चर एक्सटेंशन बेमानी लग सकता है, क्योंकि मैक पर स्क्रीनशॉट लेना एक हवा है, और विंडोज़ पर आपकी स्क्रीन को कैप्चर करना थोड़ा और परेशानी है। लेकिन Easy Screen Capture के कुछ बिक्री बिंदु हैं।
सबसे महत्वपूर्ण बात यह है कि यह आपको पूरे वेब पेज को कैप्चर करने देता है, न कि केवल उस क्षेत्र को जिसे आप अपनी स्क्रीन पर देखते हैं। यह अमूल्य है जब आपको एक लंबे पृष्ठ पर कई मुद्दों की रिपोर्ट करने की आवश्यकता होती है, और उन सभी को कैप्चर करने के लिए तीन से चार स्क्रीनशॉट लेने होंगे।
एक और साफ-सुथरी तरकीब है स्क्रीनशॉट को क्लिपबोर्ड पर कॉपी करना और इसे अपने कंप्यूटर पर बेकार इमेज फाइलों को जमा करने के बजाय सीधे चैट या ईमेल में पेस्ट करना।
इंस्टॉल करें: आसान स्क्रीन कैप्चर
7. मुजली 2
अंत में, आपको हर सुबह एक महत्वपूर्ण कार्य करना होता है:नींद के अवशेषों को हिलाना और खांचे में उतरना। इनविज़न द्वारा मुज़ली 2 कला, डिज़ाइन, यूएक्स और प्रौद्योगिकी पर क्यूरेटेड लेखों के साथ आपके सुबह के समाचार पत्र के रूप में काम करेगा।
मुजली आपके डिफ़ॉल्ट क्रोम टैब को बदल देता है और आपको वहां जो दिखता है उसे अनुकूलित करने की अनुमति देता है। आपकी रुचियों के आधार पर, मुजली आपके लिए ड्रिबल और बेहंस से लेकर 99designs और Creative Bloq तक की वेबसाइटों के साथ फ़ीड चुनेगी। जब आप अपनी पहली कॉफ़ी की चुस्की ले रहे हों, तब स्क्रॉल करने के लिए बहुत सारी प्रेरणा!
यदि आपको लगता है कि डिज़ाइन सामग्री से भरा एक संपूर्ण ब्राउज़र टैब बहुत तीव्र है, तो मुज़ली का एक लाइट संस्करण भी है। यह आपके डिफ़ॉल्ट टैब को ओवरराइड नहीं करेगा, और आप केवल एक्सटेंशन आइकन पर क्लिक करके जब चाहें फ़ीड तक पहुंच सकेंगे।
इंस्टॉल करें: मुजली 2
अपने सभी डिज़ाइन कार्यों के लिए Chrome एक्सटेंशन प्राप्त करें
इस सूची के क्रोम एक्सटेंशन आपके डिज़ाइन सॉफ़्टवेयर से मेल नहीं खाते हैं, लेकिन वे डिज़ाइनर होने के साथ आने वाली सभी छोटी चीज़ों को कवर करते हैं --- चाहे वह टाइपोग्राफी इंटेल हो या आपके सहयोगियों के साथ सहयोग करना हो।
एक बार जब आप यह जान जाते हैं कि Chrome वेब स्टोर उपकरणों से भरा हुआ है, तो नए उपकरणों को जोड़ना बंद करना कठिन हो सकता है। इसलिए अपने Chrome एक्सटेंशन के हाथ से निकल जाने से पहले उन्हें प्रबंधित करना सीखें।