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

इसके बाद, आपको उन तत्वों में आने की संभावना है जो आप आनंद लेते हैं और जिन रंगों को आप अपनी परियोजनाओं में पुन: उपयोग करना चाहते हैं। इस लेख में हम आपको वह सब कुछ बताने के लिए आवश्यक वेबसाइट दिखाएंगे जो आप जानना चाहते हैं।

रंग क्या है?

ColorZilla

मूल रूप से फ़ायरफ़ॉक्स के लिए बनाया गया है, कलरज़िला क्रोम और इसके संबंधित ब्राउज़रों पर भी उपलब्ध हो गया है।

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

फ़ॉन्ट क्या है?

WhatFont? (क्रोम)

कड़ाई से बोलते हुए, आपको व्हाटफॉन्ट की आवश्यकता नहीं है? एक वेबसाइट के फ़ॉन्ट का पता लगाने के लिए विस्तार, लेकिन ऐसा करने के लिए अब तक का सबसे तेज़ तरीका है। विकल्प स्टाइलशीट खोलना और इसके माध्यम से शिकार करना होगा।

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

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

फ़ॉन्ट खोजक (फ़ायरफ़ॉक्स)

क्रोम के व्हाटफॉन्ट के समान ही फ़ायरफ़ॉक्स-अनन्य एक्सटेंशन?

एक्सटेंशन इंस्टॉल करें, और आपके पास राइट-क्लिक संदर्भ मेनू में एक नया विकल्प होगा।

जब आपको कुछ ऐसी चीज मिलती है जिसे आप पहचाना चाहते हैं, इसे हाइलाइट करें, फिर आपके लिए उपलब्ध विकल्पों को लाएं। "चयन का विश्लेषण करें" आपको वह सब कुछ बताएगा जिसे आप कभी जानना चाहते थे।

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

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

"फ़ॉन्ट बदलें (संपूर्ण डीओएम)" आपको पृष्ठ पर फ़ॉन्ट के हर उदाहरण को बदलने की अनुमति देता है। रोबोटो का प्रशंसक नहीं है (जिसे हम अपने मुख्य संस-सेरिफ़ के रूप में उपयोग करते हैं)? इस विकल्प को हाइलाइट करें, पृष्ठ पर मौजूद फ़ॉन्ट्स की सूची से "रोबोटो" पर क्लिक करें, और उस फ़ॉन्ट का नाम इनपुट करें जिसे आप देखना चाहते हैं। दोबारा, यह स्थायी नहीं है, लेकिन यह आपको केवल अपनी अस्थायी रूप से, यहां तक ​​कि अपनी पसंदीदा वेबसाइटों के डिज़ाइन के साथ खेलने की अनुमति देता है।

साइट मापन

पेज शासक (क्रोम)

"एक शासक? वास्तव में? "हम आपसे पूछते हैं। पेज शासक एक स्क्रीन शासक है जो यह कैसा लगता है उससे थोड़ा अलग है। वास्तव में, हम भी किसी प्रारंभिक संदेह को पूरी तरह से समझेंगे।

वेब पर पोजिशनिंग मामलों। किसी पृष्ठ के तत्वों को बस इतना ही स्थान दिया जाना चाहिए, या वे उतने आकर्षक नहीं हैं जितना वे हो सकते हैं। हालांकि यह जानकारी विशेष रूप से जानना चाहती है, पेज शासक इसे संभव बनाता है।

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

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

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

पृष्ठ शासक खिड़की के शीर्ष के साथ एक छोटी पट्टी में सभी जरूरी सूचनाओं को पैक करने, अपनी विशेषताओं के लिए विशेष रूप से कम से कम दृष्टिकोण रखने के लिए कुछ क्रेडिट का हकदार है।

माप (फ़ायरफ़ॉक्स और क्रोम)

माप यह पृष्ठ शासक के समान कार्य करता है और फ़ायरफ़ॉक्स और क्रोम दोनों के लिए उपलब्ध है।

एक बार इंस्टॉल हो जाने पर, बटन पर क्लिक करें, और आप एक आयताकार बनाने के लिए क्लिक और ड्रैग करने में सक्षम होंगे। आयताकार के साथ एक पिक्सेल गिनती होगी, जिसका अर्थ है कि आप पोजीशनिंग के लिए सटीक माप प्राप्त कर सकते हैं।

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

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

निष्कर्ष

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

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