हबरजैक्स बीटा जारी

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

लिपियों और शैलियों में क्या है?

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

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

2. कॉम्पैक्ट एनोटेशन।
टेप में आर्शीन अक्षर, शीर्षकों में - कुछ भी करने के लिए। आइए मुख्य पाठ से थोड़ा बड़ा करें। स्क्रिप्ट अतिरिक्त रूप से प्रक्रिया करती है कि कौन सी शैलियों को निष्पादित करने में सक्षम नहीं हैं - उदाहरण के लिए, यह बहुत लंबे शीर्षों के फ़ॉन्ट को कम करता है, ब्लॉगों के लंबे नामों को छोटा करता है।

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

4. विभिन्न सुविधाओं को अक्षम करना।
अवसर, निश्चित रूप से, अच्छे हैं, लेकिन इससे भी बेहतर - जब आप उन्हें चुन सकते हैं। इसके लिए कई सेटिंग्स की गई हैं। प्रत्येक महत्वपूर्ण अवसर सेटिंग्स में एक स्व-डिस्कनेक्ट बटन है। (सेटिंग्स को याद करना संभव है, लेकिन अभी इसके लिए विकास चल रहा है। अब आप स्क्रिप्ट कोड में नंबर 0 और 1 को सेट करके स्विच कर सकते हैं।)

5. "जैसे" बटन निकालें, "Google प्लस" बटन जोड़ें।
एनोटेशन और व्यक्तिगत लेख दोनों में, G + बटन जोड़ा जाता है, अगर यह सुविधा सेटिंग्स में सक्षम है। यह देखना दिलचस्प है कि कई लोग "प्लस" लेख (एक ब्राउज़र ऐड-ऑन के माध्यम से), हालांकि हैबे पर ऐसा कोई बटन नहीं है।

6. वर्तमान वर्ष की संख्या निकालने के लिए।
वर्तमान वर्ष या पिछले 8 महीनों की तारीख में, वर्ष हटा दिया गया है। आखिर क्या हम सब उसे जानते हैं? (नहीं! तब यह सेटिंग्स में बंद हो जाता है।)

7. Google और Yandex के लिए साइट पर खोजें।
किसी को ऐसा आदी था जो लंबे समय से सेवा से बाहर था। यह अवसर कितना उपयोगी होगा यह अज्ञात है, लेकिन आप कोशिश कर सकते हैं। उसी समय, Ctrl या Shift दबाकर, 3 बटन में से किसी पर खोज परिणाम एक नई विंडो में खुल जाएगा। (और Enter द्वारा - इसकी विंडो में, और बटन पर क्लिक करके - आधी ऊंचाई के फ्रेम में।)

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

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

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

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

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

कई छोटी विशेषताएं (सभी अक्षम):

11. पॉडकास्ट को संकुचित करें;
12. मजबूर कटौती (यहां तक ​​कि अधिक बीटा में किए गए कार्यों की तुलना में अधिक विचार हैं);
13. टिंटिंग अनुवाद, कंपनी के नाम;
14. टिप्पणियों के लेखकों का रंग (20 रंगों तक);
15. 3 पिक्सल के कम ग्रे ब्लॉक के साथ ऊर्ध्वाधर रिक्त स्थान का प्रतिस्थापन ।;
16. व्यक्तिगत साइडबार ब्लॉक छिपाएं (4 तक);
17. पूरे साइडबार को छिपाना;
18. साइडबार को न छुपाएं, इसे पृष्ठ के निचले भाग में ले जाएं;
19. शिलालेखों की जगह “UFO के बारे में” एक ग्रे बैकग्राउंड पर अधिक समझने योग्य छोटे ग्रंथों के साथ, स्थान नहीं ले रहा। "आंतरिक आवाज़" का फ़ॉन्ट घटाएं।

20. भाषा, रंग टैग और उद्धरण के साथ इनपुट क्षेत्र SOURCE टैग में प्रवेश के लिए बटन।


21. 320 पिक्सेल की खिड़की की चौड़ाई के साथ बेहद कॉम्पैक्ट पृष्ठ दृश्य।
22. अवतारों का प्रदर्शन बंद करें।

सेटिंग्स कहां हैं और उनके साथ कैसे काम करना है?

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

फ़ायरफ़ॉक्स में, स्टेटस बार में एक अतिरिक्त मेनू आइटम होता है, जो कि Greasemonkey या स्क्रिप्टिश आइकन पर राइट माउस क्लिक से खुलता है। अगला - "उपयोगकर्ता लिपियों के कमांड", आगे - "हब्रजैक्स: सेटिंग्स"।

इस इंटरफ़ेस का परीक्षण करने का अनुभव करें

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

भविष्य की योजनाएं क्या हैं और वे क्या हैं?

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

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

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

यह कोई संयोग नहीं है कि स्क्रिप्ट लंबे सप्ताहांत से पहले रखी गई थी - निश्चित रूप से, जो लोग स्क्रिप्ट और शैलियों का अभ्यास करना चाहते हैं, उनके पास इन लंबे दिनों का समय होगा।

संदर्भ:
* हेबरे के लिए शैलियाँ: ज़ेनकॉम ;
* Habr के लिए उपयोगकर्ता स्क्रिप्ट: HabrAjax ।