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