विज्ञापन

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

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

1. Gmail के लिए ड्रॉपबॉक्स

Gmail के लिए ड्रॉपबॉक्स, ड्रॉपबॉक्स लिंक का पूर्वावलोकन करने के लिए एक क्रोम एक्सटेंशन

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

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

instagram viewer

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

2. FontFace निन्जा

FontFace निंजा, एक क्रोम एक्सटेंशन जो वेब पेज पर फोंट कैप्चर करता है

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

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

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

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

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

ColorPick Eyedropper, रंगों को कैप्चर करने के लिए Chrome एक्सटेंशन

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

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

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

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

4. आयाम

आयाम, एक वेब पेज पर वस्तुओं को मापने के लिए एक क्रोम एक्सटेंशन

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

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

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

5. विजुअल इंस्पेक्टर

विज़ुअल इंस्पेक्टर, वेब पृष्ठों का निरीक्षण करने और प्रतिक्रिया प्रदान करने के लिए एक क्रोम एक्सटेंशन

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

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

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

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

इंस्टॉल:विजुअल इंस्पेक्टर

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

आसान स्क्रीन कैप्चर, स्क्रीनशॉट लेने के लिए क्रोम एक्सटेंशन

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

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

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

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

7. मुजली २

डिजाइन इंस्पिरेशन के लिए क्रोम एक्सटेंशन मुज़लि 2

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

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

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

इंस्टॉल:मुजली २

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

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

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

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