वेब विकास के लिए क्रोम एक्सटेंशन और GitHub के साथ काम करते हैं

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

मुझे लगता है कि यह एक उपकरण के गहन विवरण के साथ एक लंबा फुटक्लॉथ बनाने के लायक नहीं है, वे काफी सरल और समझने योग्य हैं। इसलिए, मैं उनके उपयोग के लाभों के बारे में संक्षेप में बात करने की कोशिश करूंगा।

GitHub के साथ काम करने के लिए

ऑक्टोट्री , मेरी राय में, सबसे उपयोगी और सुविधाजनक विस्तार है। यह आपको एक पेड़ के रूप में स्रोत कोड को देखने की अनुमति देता है, जो पृष्ठ के बाईं ओर प्रदर्शित होता है। नया नेविगेशन मानक की तुलना में बहुत अधिक सुविधाजनक है। ऑक्टोट्री विशेष रूप से उपयोगी होगा यदि आप बड़े पैमाने पर नेस्टेड निर्देशिकाओं के साथ बड़े पैमाने पर प्रोजेक्ट पर काम कर रहे हैं।

GitHub रिपॉजिटरी का आकार एक सुविधाजनक और सरल प्लगइन है जो एक व्यक्तिगत रिपॉजिटरी के आकार और इसमें प्रत्येक फ़ाइल के आकार दोनों को प्रदर्शित करता है।

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

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

npmhub जब पैकेज. json फ़ाइल वाली github.com पर एक रिपॉजिटरी को देखते हैं, तो यह एक्सटेंशन पैकेज में निर्भरता का विश्लेषण करेगा और README फ़ाइल के ठीक नीचे उनके लिए लिंक के साथ लिंक प्रदर्शित करेगा।

github npm आँकड़े एनपीएम साइट पर पैकेज डाउनलोड आँकड़े दिखाता है, यदि कोई हो।

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

आइसोमेट्रिक योगदान - यह विस्तार पिछले वाले की तरह उपयोगी नहीं है, लेकिन बहुत दिलचस्प है)। यह आपको GitHub पर एक नियमित योगदान चार्ट और सममितीय पिक्सेल कला के एक संस्करण के बीच स्विच करने की अनुमति देता है।

साइटों के साथ काम करने के लिए

आई ड्रॉपर वेबसाइटों पर इस्तेमाल किए गए रंगों को देखने और अपने स्वयं के पैलेट बनाने के लिए एक महान उपकरण है। मैं इसे लगभग हर दिन इस्तेमाल करता हूं))।

पूर्ण पृष्ठ स्क्रीन कैप्चर । कल्पना करें कि आपने 3-5 स्क्रीन पर लैंडिंग विकसित की है और यह नहीं जानते कि इसे पूर्ण स्क्रीन कैसे बनाया जाए। 5 बार प्रिंट स्क्रीन को दबाएं और एक के नीचे एक संपादक में टुकड़े करें? ओह अच्छा! FPSC एक बेहतरीन टूल है जो कुछ सेकंड में करंट पेज का स्क्रीनशॉट ले लेता है। यह बहुत उपयोगी है यदि आपको विशेष सेवाओं को डाउनलोड किए बिना साइट अनुकूलन की जांच करने की आवश्यकता है, साथ ही आपके द्वारा बनाई गई साइट पर पूरी तरह से कब्जा करने के लिए।

व्हाट्सएप - इस एक्सटेंशन की मदद से आप आसानी से पता लगा सकते हैं कि साइट पर फोंट का इस्तेमाल किस तरह से किया जाता है, बस एक्सटेंशन पर क्लिक करके और कर्सर को अपनी जरूरत के स्थान पर ले जाएं। यह सरल और सुरुचिपूर्ण है। "Esc" बटन दबाकर अक्षम। पाठ का रंग, ऊँचाई, फ़ॉन्ट आकार और अन्य पैरामीटर भी दिखाता है।

PerfectPixel - यह एक्सटेंशन आपकी साइट को पिक्सेल-बाय-पिक्सेल सटीकता के साथ विकसित करने में मदद करेगा।

CSS Peeper एक CSS विश्लेषण उपकरण है जिसे विशेष रूप से डिजाइनरों के लिए डिज़ाइन किया गया है। विस्तार का लक्ष्य डिजाइनरों को डिज़ाइन पर ध्यान केंद्रित करने और कोड में खुदाई करने के लिए कम से कम समय बिताने की अनुमति देना है। बस इसे कार्रवाई में आज़माएं और आप सब कुछ समझ जाएंगे।

रोजमर्रा के काम के लिए

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

मैंने SEO-Informer भी डाला, लेकिन यह एक प्रकार का गूंगा है)। अभी के लिए बस इतना ही। मुझे उम्मीद है कि आपको यह समीक्षा उपयोगी लगी होगी।

(यदि आप लेख पसंद करते हैं, तो कर्म में एक प्लस चिह्न डालें, अन्यथा मैं वोट नहीं कर सकता)
टिप्पणियों में लिखें कि आप कौन से एक्सटेंशन का उपयोग करते हैं (या कोई विकल्प बेहतर है) साइटों को विकसित करने, विश्लेषण करने या गिट के साथ काम करते समय?