टिप्पणी पेड़ के साथ काम करने का ज़ेन मोड

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

विषय में जटिल चर्चा के साथ काम करने की सुविधा के लिए, कई सीएसएस प्रसंस्करण तकनीक प्रस्तावित हैं।
1) शाखाएं नोड्स की छवि;
2) नाम के अलावा सभी मेटा-जानकारी को छिपाने का तरीका, (संदेश पाठ के साथ पीला अवतार);
3) पीला अवतार और पाठ (ज़ेन मोड) को छोड़कर सब कुछ छिपाने का तरीका;
4) मेटा-सूचना (रेटिंग, लिंक) के साथ चर्चा की जड़ शाखा प्रदर्शित करने का तरीका;
5) पूर्ण मेटा-सूचना (दिनांक, लेखक, उत्तर बटन) के साथ एक शाखा दिखा रहा है।

उनके बीच स्विच करना केवल माउस आंदोलन के साथ होता है। चयनित माउस स्थिति के आधार पर, हमें प्रदर्शन विकल्प की आवश्यकता होती है।


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

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

एक उदाहरण के रूप में, मंच पर लाइव चर्चा पेड़ों को लें। जटिल पेड़ अक्सर उनमें पाए जाते हैं। हम कई सबसे दिलचस्प और जटिल उदाहरण लेंगे।

यह किसी भी मुख्य ब्राउज़रों के लिए ज़ेन-टिप्पणी नामक उपयोगकर्ता-शैली के माध्यम से - हेबेरा पर मौजूद लाइव टिप्पणियों पर जटिल टिप्पणी वाले पेड़ों को प्रदर्शित करने के काम को देखने के लिए सबसे सुविधाजनक है। फ़ायरफ़ॉक्स (3.6-7), क्रोम (13, 15), ओपेरा (11.50), सफारी (5.1), आईई (8-9) (प्रतिबंधित मोड में आठवें) के साथ संगतता की जाँच की गई। फ़ायरफ़ॉक्स और क्रोम के लिए, स्टाइलिश प्लगइन्स की आवश्यकता है; ओपेरा, सफारी, IE के लिए शैली सेटिंग्स में सेट की गई है। एफएफ को छोड़कर सभी के लिए, आपको पहले, बड़े ब्लॉक @ -मोज़-दस्तावेज़ डोमेन ("habrahabr.ru") {...} की सामग्री की प्रतिलिपि बनाने और अंत में छोटे समान ब्लॉक को अनदेखा करने की आवश्यकता है। (इस प्रकार, फ़ायरफ़ॉक्स में इसके लिए कई विशेष नियम लिखे गए हैं। विभिन्न ब्राउज़रों के लिए बाकी संगतता नियम कई हैक के रूप में बनाए गए हैं। सिस्टम अस्थिर है, लेकिन यह काम करता है और आपको मंच को बेहतर तरीके से देखने की अनुमति देता है और उस ब्राउज़र को देखने के लिए भी नहीं सोचता है। )

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

यहाँ हम लगभग सभी देखेंगे। मैं मुख्य मोड के अनुरूप केवल 4 उदाहरण दूंगा, क्योंकि स्लाइड्स में बात करने की तुलना में इसे एक बार स्थापित करना बेहतर होगा (स्टाइल के साथ 10 मिनट)। या एक फिल्म बनाओ, जैसा कि मैंने पहले किया था, वर्तमान प्रणाली के एक दूर के पूर्वज को पेश करते हुए: ( एक साल पहले 8 मिनट के स्क्रैनास्ट )।

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

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

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

थ्रेड देखें - जब आप किसी संदेश पर होवर करते हैं, तो सभी संदेश-पूर्ववर्तियों की दिनांक, लेखक और प्रतिक्रिया बटन हाइलाइट किए जाते हैं।

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

हम अभ्यास करते हैं और जटिल और भ्रामक चर्चाओं के उदाहरण देखते हैं:
* लिनक्स पर स्विच करने के लिए एक geek क्यों लायक है (870 टिप्पणियाँ, नोड्स को समझने के लिए पर्याप्त नया सीएसएस है, कहीं-कहीं वरीयताओं की सीमा पर)
* अद्यतन Android संस्करण: दुखद आँकड़े (250 टिप्पणियाँ, कई शाखाएँ)
* Node.js - कैंसर का ट्यूमर (340 टिप्पणियाँ, अच्छी शाखा और चर्चा)
* कंप्यूटर वैज्ञानिकों के बारे में सच्चाई: वे हमारे बारे में क्या लिखते हैं? (200 कॉम, 400 के ग्रंथ)
* हैकिंग वोग पत्रिका या 119 रूबल (900 टिप्पणियाँ, कुछ शाखाएं) के लिए एक वीडियो प्लेयर - उपयोगकर्ता शैलियों से संवर्धित सीएसएस की मदद का एक अच्छा चित्रण - जब तक शाखा पर नोड्स 3 से अधिक नहीं होते हैं और अंतिम कुछ स्क्रीन से अधिक नहीं होते हैं, सब कुछ पूरी तरह से ऊर्ध्वाधर धारियों द्वारा ट्रैक किया जाता है। ।
* और भी आधुनिक सी ++ (160 कॉम।, एक अच्छी तरह से शाखा और गहरी नेस्टेड शाखा है)
* 3300 वैश्विक इंटरनेट परियोजनाओं के स्रोत प्राप्त हुए (900 टिप्पणियाँ, उच्चतम रेटेड विषय, पाठ - 1.5 एमबी)
* यूक्रेन में मुफ्त इंटरनेट पर आक्रामक: यूक्रेन का कानून "सार्वजनिक नैतिकता के संरक्षण पर" (4 शाखाएं, 200 कॉम, डिकॉक ब्रांचिंग)।
* एक बुरे प्रोग्रामर के लक्षण (250 टिप्पणियाँ, कुछ शाखाएँ, शाखाएँ 5-6)

प्रतीत होता है कई चर्चाओं के उदाहरण हैं, लेकिन शाखाओं की एक छोटी संख्या के साथ:
* मैंने ट्विटर के लिए पहला एनालॉग ग्राहक कैसे रखा (150 टिप्पणियाँ, शाखाएं हैं, लेकिन सरल हैं)
* लेट्स टॉक आईफोन से प्रसारण (बहुत सारे फ़ोटो, कुल ट्रैफ़िक - 6 एमबी; अपेक्षाकृत कुछ शाखाएँ हैं; 430 टिप्पणियाँ)

अंत में, सीएसएस के साथ बनाई गई बैसाखी के लिए भी जटिल पेड़:
* क्या आप खिड़कियों से लिनक्स के लिए एक पूर्ण संक्रमण के लिए याद करते हैं? (1400 टिप्पणियाँ, 2.5 एमबी एक पाठ), लेकिन उनके साथ उनके बिना बेहतर है।
* हैबरब्राह के एक अनाम उपयोगकर्ता के खिलाफ एक आपराधिक मामला स्थापित किया जाएगा (900 कॉम।, इसके अलावा बेहतर तरीके से पढ़ना भी मुश्किल है)
* आप लिनक्स का उपयोग क्यों कर रहे हैं? (700 टिप्पणियाँ, शुरुआत में नोड्स का ट्रैक रखना मुश्किल है, क्योंकि अगली हाइलाइट पर फ्लिप करना 12-15 स्क्रीन है।)

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