HabrAjax पुराने डिजाइन से मिलता है

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

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

वे अब तैयार नहीं हो सकते हैं, लेकिन नए डिजाइन में कुछ कार्यों की अधिक से अधिक सुविधा अपना काम करेगी, और जो भी आएगा वह ज़ेन को समझेगा।

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

ज़ेन क्या है?

शैलियाँ ZenComment - एक पूरी तरह से परमाणु चीज़, जिसका अर्थ कुछ लोग समझ गए हैं, और यह आश्चर्य की बात नहीं है। "ज़ेन" की शैली में काम करें - वास्तव में, छवि और व्यवहार में सामान्य पृष्ठों से बहुत अलग है। इसलिए, मैं तुरंत ज़ेन को समझने की अनुशंसा नहीं करूंगा, लेकिन विकास के दो चरणों को पार करना।

1. HabrAjax स्क्रिप्ट के साथ पुरानी डिजाइन। वह होने के चश्मे के माध्यम से देखने की शुद्धता के बारे में संदेह बोएगा।

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

3. ज़ेन क्या है? सभी समान आरोपों की तरह, हमारे मामले में ज़ेन टिप्पणी दिखाने की स्थिति है जब स्क्रीन पर कुछ भी नहीं होता है - केवल एक ग्रे फ़ील्ड और टेक्स्ट। और संरचना का वर्णन करने वाली लाइनें।

यह ज़ेन के समग्र दर्शन की सबसे गुप्त विधा है। ज़ेन शैली के तहत, चुपके की बदलती डिग्री के 4 मोड एकत्र किए जाते हैं, जो केवल माउस आंदोलनों के कारण होते हैं। हम उन्हें कार्डिनल बिंदुओं के माध्यम से सशर्त रूप से कॉल करेंगे, क्योंकि खिड़की के लगभग ऐसे किनारों में आपको उन्हें देखने के लिए माउस को रखने की आवश्यकता है।

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


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


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


"पश्चिम" - यदि आप बाईं ओर एक पतली पट्टी की ओर इशारा नहीं करते हैं, लेकिन थोड़ी दाईं ओर, 20 पिक्सेल तक, लेखक और तिथि के साथ केवल पहला स्तर प्रदर्शित किया जाएगा, शेष नाम छिपाए जाएंगे, लेकिन शाखा की सभी रेटिंग प्रदर्शित की जाएंगी। हां, यह "दक्षिण" के समान है, लेकिन शाखा की जड़ के लिए।


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


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

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

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

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

पुराने डिजाइन के ताओ

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

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

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

HabrAjax प्रिज़्म डिज़ाइन - क्लासिक

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

पिछली तस्वीरें फ़ायरफ़ॉक्स से थीं, अब क्रोम में बदलाव के लिए आगे बढ़ते हैं। टिप्पणी पृष्ठ कुछ इस तरह दिखते हैं:


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

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


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

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

UPD 6.01, 12.00: HabrAjax का संस्करण 0.74 और 2.04 ZenComment उपलब्ध है।
नियोजित सुधारों के अलावा, स्क्रिप्ट द्वारा QA कवरेज को पूरा करने और सेटिंग्स को सहेजने में मुख्य हैं, रिफॉर्मल में टिप्पणीकारों और बग रिपोर्ट द्वारा सुझाए गए कई बग फिक्स हैं। तो, ओपेरा में देखे गए कीड़े बनाए गए थे, क्रोम में एक छोटा बग स्वचालित रूप से उपयोगकर्ता शैलियों और इसमें लेआउट की उपस्थिति का पता लगाने के लिए तय किया गया था।

नीचे एक लोड किए गए प्रश्न और उत्तर के साथ क्यूए टेप का एक दृश्य है ("एन उत्तर" बटन पर क्लिक करने के बाद)।