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

• रचनात्मक

विज्ञापन

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

"Google Chrome कीबोर्ड शॉर्टकट" को अब शीट पर अनलॉक करें!

यह आपको हमारे समाचार पत्र पर हस्ताक्षर करेगा

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

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

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

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

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

2. FontFace निंजा

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

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

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

स्थापित करें: FontFace निन्जा

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

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

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

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

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

4. आयाम

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

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

स्थापित करें: आयाम

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

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

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

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

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

स्थापित करें: दृश्य निरीक्षक

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

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

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

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

स्थापित करें: आसान स्क्रीन कैप्चर

7. मुजली २

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

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

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

स्थापित करें: मुज़ली २

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

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

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

इसके बारे में अधिक जानें: ब्राउज़र एक्सटेंशन, Google क्रोम, वेब डिज़ाइन।