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