क्रोम ने हाल ही में इंटरनेट ब्राउज़र बाजार का 25% हिस्सा हासिल कर लिया है, जिससे यह इंटरनेट एक्सप्लोरर (जो प्रोजेक्ट स्पार्टन में विकसित हो रहा है) के बाद दुनिया में दूसरा सबसे अधिक उपयोग किया जाने वाला ब्राउज़र बन गया है। अंततः, इसका अर्थ यह हुआ कि Chrome वास्तविक है वेब डेवलपर्स के लिए घर।
हालांकि मैं फ़ायरफ़ॉक्स के लिए आंशिक हूं, मैं सराहना कर सकता हूं कि लोग क्रोम को क्यों पसंद करते हैं। यह ब्राउज़र बेंचमार्क पर हावी हो जाता है और यह नियमित लोगों के लिए क्रोम पावर उपयोगकर्ता बनना आसान बनाता है। अन्य लोग वास्तव में क्रोम से नफरत करते हैं लेकिन कुछ एक्सटेंशन की उपलब्धता के कारण इसका उपयोग नहीं कर रहे हैं।
यही एक कारण है कि क्रोम वेब डेवलपर्स के लिए इतना अच्छा है:क्रोम वेब स्टोर और इसके एक्सटेंशन का पूल। यदि आप कभी किसी वेबसाइट को डिजाइन या कोडिंग करने की योजना बनाते हैं, तो यहां कुछ आवश्यक उपकरण दिए गए हैं जिन्हें आपको तुरंत स्थापित करना चाहिए।
ColorZilla
कलरज़िला फ़ायरफ़ॉक्स एडऑन के रूप में शुरू हुआ, लेकिन यह इतना लोकप्रिय हो गया कि कई लोगों ने क्रोम संस्करण का अनुरोध किया। अब हम यहाँ हैं। यह आसान एक्सटेंशन मूल रूप से आई ड्रॉपर टूल का एक उन्नत संस्करण है जो आपको पेंट या फोटोशॉप जैसे प्रोग्राम में मिलेगा।
इसके साथ, आप अपने ब्राउज़र में किसी भी स्थान को इंगित कर सकते हैं और तुरंत उस स्थान पर रंग की जानकारी खींच सकते हैं। एक बार खींचने के बाद, आप इसे अपने क्लिपबोर्ड पर कॉपी करने से पहले इसे (चाहे आरजीबी, एचएसवी, या सीधे हेक्स द्वारा) ट्वीक कर सकते हैं। उपयोग करने में बेहद आसान।
यह आपकी सुविधा के लिए एक CSS ग्रेडिएंट जेनरेटर, एक वेबपेज कलर एनालाइज़र और कुछ पहले से इंस्टॉल किए गए रंग पैलेट के साथ आता है।
Window Resizer
वेब डेवलपर के खतरों में से एक यह सुनिश्चित कर रहा है कि किसी वेबसाइट को देखने का अनुभव सभी प्रकार के उपकरणों के उपयोगकर्ताओं के लिए सुखद हो। हम केवल मोबाइल बनाम डेस्कटॉप के बारे में बात नहीं कर रहे हैं -- जो कि है महत्वपूर्ण -- लेकिन छोटे टैबलेट और बड़े मॉनीटर के बीच का अंतर भी।
विंडो रिसाइज़र मक्खी पर ब्राउज़र विंडो का आकार बदलने का एक आसान तरीका है। एक बटन के क्लिक पर, आप यह देखने के लिए विभिन्न प्रस्तावों में अपनी वेबसाइट का परीक्षण करने में सक्षम होंगे कि आपके उपयोगकर्ता क्या देख रहे हैं -- और फिर आप तदनुसार समायोजित कर सकते हैं।
IE टैब
वेब डेवलपर का एक और बड़ा जोखिम ब्राउज़र मानकों (या इसकी कमी) है। इंटरनेट एक्सप्लोरर, फ़ायरफ़ॉक्स, क्रोम, ओपेरा, और अन्य सभी छोटे ब्राउज़र वेबसाइटों को थोड़े अलग तरीके से प्रस्तुत करेंगे। इस बीच, कुछ ब्राउज़र दूसरों की तुलना में मानकों को अपनाने में धीमे होते हैं।
या इंटरनेट एक्सप्लोरर के मामले में, मानकों को खिड़की से बाहर फेंक दिया जाता है और वेब डेवलपर्स को अपने बालों को फाड़ने के लिए मजबूर किया जाता है क्योंकि उन्हें आवास बनाने के लिए मजबूर किया जाता है।
आईई टैब . के साथ , इस प्रक्रिया को थोड़ा आसान बना दिया गया है। यह आपको एक नए क्रोम टैब में एक वेबसाइट देखने की अनुमति देता है, लेकिन इसे आईई में दिखाई देने के रूप में प्रस्तुत किया जाता है। IE की समस्या का क्रांतिकारी समाधान नहीं है, लेकिन कम से कम यह तो कुछ है।
वैधता
सभी HTML कोड समान नहीं होते हैं। जहां ब्राउज़र मानकों के अनुपालन में एक बड़ी भूमिका निभाते हैं, वहीं अच्छी HTML प्रथाओं का पालन करने की जिम्मेदारी वेब डेवलपर पर भी होती है। इसलिए HTML के परीक्षण और सत्यापन के लिए टूल उपलब्ध हैं।
वैधता एक एक्सटेंशन है जो आपको बिना किसी तृतीय-पक्ष साइट पर जाए बिना वह सब करने देता है। बस अपनी वेबसाइट खोलें, बटन पर क्लिक करें, और यह ब्राउज़र कंसोल में सभी अमान्य HTML संदेश प्रदर्शित करेगा। सत्यापन W3C सत्यापन सेवा के माध्यम से किया जाता है।
बिल्टविथ
वेब विकास के बारे में मुझे एक बात से नफरत है कि बहुत सारे . हैं उपयोग के लिए उपलब्ध पुस्तकालय, ढांचे और इंजन। पसंद की स्वतंत्रता महान है, लेकिन यह एक दर्द है जब प्रौद्योगिकियों की संख्या इतनी महान हो जाती है कि आप उन सभी के साथ नहीं रह सकते।
क्या आपने कभी किसी वेबसाइट पर जाकर सोचा है कि अंतर्निहित तकनीक क्या है?
अंतर्निहित एक्सटेंशन एक एकल बटन है जो सभी . देखने के लिए वर्तमान वेबपृष्ठ का विश्लेषण करता है विज्ञापन नेटवर्क, सामग्री वितरण प्लेटफ़ॉर्म और यहां तक कि इसके पीछे होस्टिंग सॉफ़्टवेयर सहित वेब लाइब्रेरी, फ़्रेमवर्क, और इंजन जो इसे शक्ति प्रदान करते हैं।
पोस्टमैन REST क्लाइंट [अब उपलब्ध नहीं है]
आप में से जो REST API के साथ काम कर रहे हैं, उनके लिए डाकिया एक सुव्यवस्थित कार्यप्रवाह के लिए आपको जिस उपकरण की आवश्यकता है वह है। इसके साथ, आप HTTP अनुरोध बना सकते हैं और JSON और XML में स्वरूपित प्रतिक्रियाएँ प्राप्त कर सकते हैं। प्रतिक्रियाएँ HTML के रूप में एक अलग विंडो में खोली जाती हैं।
आप एक से अधिक अनुरोधों को संग्रह नामक किसी चीज़ में समूहित कर सकते हैं, जो व्यवस्थित और कुशल बने रहने का एक शानदार तरीका है। आप एक्सटेंशन के ठीक अंदर पर्यावरण चरों को बदलकर अनेक परिवेशों पर भी परीक्षण कर सकते हैं।
कॉर्पोरेट इप्सम
फिलर टेक्स्ट जेनरेट करने का एक तरीका "asdf" को सौ बार कॉपी और पेस्ट करना है। एक बेहतर तरीका यह होगा कि कॉर्पोरेट इप्सम को स्थापित किया जाए और इसे पलक झपकते ही आपके लिए फिलर टेक्स्ट जेनरेट करने दें।
हमने पहले कई लोरेम इप्सम जनरेटर को कवर किया है, लेकिन कॉर्पोरेट इप्सम की अपील यह है कि यह आपके ब्राउज़र में सही बैठता है। आप इसे सिंगल बटन क्लिक से ऊपर खींच सकते हैं। यदि आप मुझसे पूछें तो इसका उपयोग न करने का कोई कारण नहीं है। अब आप वास्तव में अपनी वेबसाइट को कोड करने के लिए वापस आ सकते हैं!
TabCloud
वेब विकास कभी-कभी कई मशीनों पर होता है। जबकि डेवलपर्स के लिए स्रोत नियंत्रण सिंक्रनाइज़ और अप-टू-डेट रहने का मुख्य तरीका है, क्या होगा यदि आप कंप्यूटर पर एकाधिक टैब स्थानांतरित करना चाहते हैं? वहीं टैबक्लाउड में आता है।
TabCloud आपके टैब को क्लाउड में सिंक करता है, जिससे आप उन्हें कहीं और फिर से खोल सकते हैं। इसे स्थानीय रूप से सत्र बचतकर्ता के रूप में भी उपयोग किया जा सकता है, जिससे आप बाद में पुनरीक्षण के लिए टैब का एक सेट संग्रहीत कर सकते हैं। टैब आपके Google खाते में सहेजे जाते हैं।
WhatFont
फ़ॉन्ट डिज़ाइन वेब विकास का एक बड़ा घटक है, यही वजह है कि Google वेब फ़ॉन्ट जैसी सेवाएँ इतनी लोकप्रिय हो गई हैं। अच्छी खबर यह है कि ये मुफ्त फोंट अब वर्तमान में उपलब्ध कुछ सबसे खूबसूरत वेब फोंट हैं।
लेकिन इसे स्वीकार करें:ऐसे समय होते हैं जब आप वेब ब्राउज़ कर रहे होते हैं और आपको एक आश्चर्यजनक फ़ॉन्ट मिलता है जिसे आपने पहले कभी नहीं देखा है। इसे पहचानने के कई तरीके हैं, लेकिन सबसे तेज़ तरीका है WhatFont . का उपयोग करना . इसके साथ, आप केवल उन पर होवर करके . फ़ॉन्ट्स का निरीक्षण कर सकते हैं . यह और भी आसान कैसे हो सकता है?
बहुत बढ़िया स्क्रीनशॉट [अब उपलब्ध नहीं है]
अगर स्क्रीनशॉट आपके नियमित वेब डेवलपमेंट रूटीन का हिस्सा नहीं हैं, तो अद्भुत स्क्रीनशॉट बदलने में मदद करेगा। स्क्रीन कैप्चर आपके क्लाइंट या टीम के सदस्यों के साथ डिज़ाइन में परिवर्तन का दस्तावेजीकरण करने और प्रगति में चल रहे कार्यों को साझा करने के लिए बहुत अच्छे हैं।
इस एक्सटेंशन में पूर्ण पृष्ठ, चयनित क्षेत्र या दृश्य क्षेत्र सहित कई कैप्चर फ़ंक्शन हैं। यह आपको एनोटेशन जोड़ने, छवि के संवेदनशील हिस्सों को धुंधला करने और एक क्लिक के साथ साझा करने की भी अनुमति देता है। या इसके बजाय अपने Google डिस्क पर अपलोड करें।
यदि अवधारणा आपको आकर्षित करती है, लेकिन आप एक अधिक शक्तिशाली डेस्कटॉप प्रोग्राम का उपयोग करना चाहते हैं, तो इस स्क्रीनशॉट टूल की तुलना देखें और उस टूल का उपयोग करना शुरू करें जो आपके लिए सबसे अच्छा काम करता है।
मेरे लिंक जांचें
बहुत सी वेब विकास त्रुटियां आपके आगंतुकों को निराश करेंगी, और टूटी कड़ियाँ सबसे खराब अपराधियों में से एक हैं। एक टूटा हुआ लिंक ठीक हो सकता है, लेकिन इससे अधिक और आपकी वेबसाइट विश्वसनीयता और प्रतिष्ठा खोने लगती है। सौभाग्य से, यह आसानी से टाली जाने वाली गलती है।
मेरे लिंक जांचें यह वही करता है जो यह वादा करता है:यह आपके लिंक की जांच करता है। वैध लिंक को हरे रंग में चिह्नित किया जाता है जबकि टूटे हुए लिंक को लाल रंग से चिह्नित किया जाता है और अंत में यह आपको एक प्रतिशत अंक देगा। बाद में आपको बस इतना करना है कि जाकर उन लिंक्स को सुधारें!
आप किन एक्सटेंशन का उपयोग करते हैं?
उत्पादकता के लिए मैं एक और विस्तार की सिफारिश करूंगा, वह है स्टेफोकस। यह एक वेब विकास विस्तार के बजाय एक सामान्य उद्देश्य विस्तार है, लेकिन यह निश्चित रूप से उपयोगी है। यह आपको काम करते समय वेब से विचलित होने से बचाता है!
आप इनके बारे में क्या सोचते हैं? क्या कोई अन्य आवश्यक वेब विकास एक्सटेंशन हैं जिनकी आप अनुशंसा करेंगे? नीचे टिप्पणी में हमारे साथ साझा करें!