न्यू हैब्रजैक्स थीम

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

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

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

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

पहले स्क्रीनशॉट में: पूरा टेप:


, सवाल और जवाब:


लेख में टिप्पणियों की शुरुआत:

यहां शैलियों का अपेक्षाकृत छोटा उपयोग है, बहुत ही नए तरह का शुद्ध हैब्रजैक्स ।

तुलना के लिए, यह अतिरिक्त शैलियों के साथ है, लागू ज़ेनकॉम शैलियों के साथ स्क्रीनशॉट की एक श्रृंखला है।

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

नवीनतम परिवर्तन, 1-3 दिनों में

नवीनतम परिवर्धन में से, आप इस तरह की सूची बना सकते हैं।

* मेनू के बाएं कोने में अब एकरूप "ले [एनटीए]" नहीं है, लेकिन पेज सप्ताह के समय और दिन को लोड करता है; लिंक उसी फ़ीड की ओर जाता है; एक पृष्ठ पढ़ने का क्षण साइट मेनू के बाईं ओर स्थित है। सप्ताह का दिन है, जबकि तारीखों के लिए सप्ताह के दिन "आज" और "कल" ​​कहीं और संकेत नहीं दिए गए हैं (सूचनात्मक कचरे के खिलाफ लड़ाई); अजाक्स (लेखों को अपलोड करना) पर लेखों को पढ़ने का क्षण, लेख या टिप्पणियों को तह करने के लिए पैनल में लेख के नीचे दिखाया गया है;
* छवि तर्कों का इनपुट: Ctrl + इनपुट फ़ील्ड के ऊपर के बटन पर क्लिक करें - तर्क संरेखित करें = दाएं, Shift + क्लिक - तर्क संरेखित = बाएं, Ctrl + Shift + क्लिक - तर्क संरेखित = केंद्र के साथ;
* तारीखों से हवा निकलती है: उस घड़ी से जिसे आपको "आज" दिखाने की ज़रूरत नहीं है, कल की तारीख से "कल" ​​शब्द पर्याप्त है, वर्तमान वर्ष से आपको यह जानने की आवश्यकता नहीं है कि यह हर बार क्या है, लेकिन पुरानी तारीखों से सप्ताह के दिनों को जानना उपयोगी है;
* प्रश्नों की हेडिंग लेखों की हेडिंग की तुलना में थोड़ी कम होती है और उन्हें तिरछा बनाया जाता है ताकि वे सामान्य टेप में लेखों से आसानी से पहचाने जा सकें और वे जगह न लें;
* विशाल हेडर लंबे समय से अनुकूली लिपियों द्वारा बदल दिए गए हैं - अब नाम, छोटा फ़ॉन्ट। लेकिन छोटे प्रिंट पठनीयता में खोना शुरू कर देता है अगर यह विपरीत नहीं है। बेहतर हेडिंग कंट्रास्ट;
* झब्बों का नाम ज़ेनकॉम में, दाईं ओर ले जाया जाता है, और छोटा (सेटिंग करके) किया जाता है; तिथियाँ - वहाँ, क्योंकि किसी तिथि पर एक पंक्ति किसी समाचार फ़ीड के लिए बहुत ही शानदार है; और लेख के नाम के साथ प्रतिस्पर्धा करने वाले हब नाम फीड के बाईं ओर स्थित स्थान से बाहर हैं;
* तिथियां हस्ताक्षर (सूचना पैनल) में दोहराई जाती हैं - क्योंकि यह एनोटेशन के ऊपर और नीचे (और भी बहुत कुछ, पूर्ण लेख) दोनों को देखने के लिए उपयोगी है, लेकिन उन प्रश्नों में जहां कोई एनोटेशन नहीं है, ऊपर की तारीखों को हटा दिया गया है, क्योंकि वे प्रश्न के पाठ में हस्तक्षेप करते हैं सूचना पैनल की तुलना में;
* कम शब्द - उत्तर बटन पर अधिक वर्ण। साइट पर कई समान शब्द टायर होते हैं, जहां पहले से ही पर्याप्त मौखिक जानकारी होती है। शब्द "2 उत्तर" और 2 चेकमार्क देखने के बजाय बेहतर है, लेकिन एक शब्द या संकेत पर कड़ाई से नहीं, बल्कि संपूर्ण प्रतिक्रिया बटन के क्षेत्र पर क्लिक करें।
* एक लिंक नहीं है, लेकिन एक लेख पर टिप्पणियों पर एक बटन, बटन रंग पर प्रकाश डाला गया। जवाब के लिए, टिप्पणियों पर स्विच करना बेहतर है अगर यह एक बटन की तरह दिखता है। ठीक है, निश्चित रूप से, यह अधिक सुविधाजनक है कि कुछ संख्याओं का लक्ष्य न रखें, लेकिन एक बड़े बटन पर जाएं, जिस पर ये नंबर लिखे गए हैं।
* यूआरएल में लेख संख्या के आधार पर अनुमानित तारीखें। अब प्रकाशन के महीने और वर्ष को देखने के लिए लेख लिंक पर माउस को स्थानांतरित करने के लिए पर्याप्त है (पेज के निचले भाग में 3 यादृच्छिक लेखों सहित);
* सवाल और जवाब के लिए एक ही। हालाँकि यह खंड 2 वर्षों के लिए अस्तित्व में है, फिर भी तारीख देखने में इतना सुविधाजनक है जब एक समान प्रश्न पूछा गया था। और इसी तरह के मुद्दों के लिए कोई आधिकारिक तारीखें नहीं हैं। माउसओवर इस अंतर को ठीक करता है।

कुछ दिन पहले किए गए बदलाव

"" समान पोस्ट "और" इसी तरह के उत्तर "ब्लॉक नई जगह पर क्रॉल करते हैं जिसने ध्यान आकर्षित किया - लेख के तहत बटन, लेकिन टिप्पणियों के ऊपर। सितंबर में, इस हफ्ते 3 ब्लॉक इस जगह पर आधिकारिक तौर पर कोशिश कर रहे थे, लेकिन वहां कभी आदी नहीं हुए। लेकिन इस समय के दौरान, एक स्क्रिप्ट बनाई गई थी जो ब्लॉक को एक ड्रॉप-डाउन सूची में बदल देती है, जो सफल लगता है - यह स्थान नहीं लेता है, यह साइडबार में भी नहीं है, लेकिन यह केवल उसी क्षण के लिए हाथ में है जब आप इसी तरह की हेडिंग देखना चाहते हैं;
* सभी टिप्पणियों का शीर्षक खाकी में हाइलाइट किया गया है, जैसा कि ज़ेनकॉम में; पृष्ठ को स्क्रॉल करते समय इसे नेत्रहीन नोटिस करने में मदद करता है;
* इनपुट क्षेत्र में टैग दर्ज करने और ZenComent से उधार पर प्रकाश डालने के लिए बटन की व्यवस्था;
* टैग "स्रोत" के लिए भाषाएं 2 बटन पर बिखरी हुई हैं; सभी 216 रंग 3 बटन पर बिखरे हुए हैं, प्रत्येक पर 72 (बहुत अच्छा नहीं है, लेकिन हम देखेंगे);
"पूर्वावलोकन" और "लिखें" को एक निश्चित दूरी पर रखा जाता है, जैसा कि ज़ेनकॉम में;
* ग्राफिक कचरा - साइडबार में लिंक को रेखांकित करना। सब के बाद, वहाँ - सभी ग्रंथों - लिंक। एक अटूट हाथ के साथ, हम आधिकारिक साइट की परंपराओं से पीछे हट जाते हैं; नीचे 3 लिंक में समान
* शुद्ध सीएसएस पर 5 प्रकार के झंडे: वे आपको लचीले ढंग से आकार और रंग को समायोजित करने की अनुमति देते हैं और मूल साइट के झंडे से काफी छोटे होते हैं;
* ZenComment से पारदर्शी "अगला" बटन शुद्ध HabrAjax में जोड़ा गया है;
* झंडारोहण से विस्थापित होकर निरर्थक ब्लॉकों को छिपाना और स्क्रिप्ट सेटिंग्स चुनने का अवसर था। उदाहरण के लिए, उन लोगों के लिए जिनके लिए "कार्य" अनुभाग प्रासंगिक नहीं है, उनके पास इसे अक्षम करने का विकल्प है;
* नीचे दिए गए 3 लिंक की प्रस्तुति का प्रसंस्करण - ऊंचाई, असमान चौड़ाई में केंद्रित, पाठ की मात्रा, नरम डिजाइन, युक्तियों में अनुमानित तिथियों के आधार पर;
* अंत में कुछ कंपनियों के शीर्ष पर तय पैनल;
* उपयोगकर्ता मेनू - लिंक को फिर से व्यवस्थित किया जाता है ताकि वे मेनू खोलने पर कूद न जाएं; संदेशों और ट्रैकर की अधिसूचना के दौरान डुप्लिकेट लिंक हटाने; मेनू अनुभाग के पूरे क्षेत्र पर एक क्लिक एक क्रिया करता है (मृत क्षेत्रों को छोड़कर लिंक का क्षेत्र बढ़ाया जाता है);

पिछले 1-2 महीनों में परिवर्तन

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

एक पुराना लेकिन चारित्रिक परिवर्तन:
* लाइव लिंक थोड़ा पुनर्व्यवस्थित हैं; क्योंकि हम टिप्पणीकार के निजी पेज पर नहीं आना चाहते हैं, लेकिन उसकी टिप्पणी: लिंक - टिप्पणी के लिए पढ़ना चाहते हैं। और लेख के नाम से हम लेख को प्राप्त करना चाहते हैं - लेख के लिए लिंक;

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

ZenComment में पाद को 3 लाइनों तक कम करना अच्छा होगा। लेकिन पहले से ही बहुत सारे उधार हैं ... यह योजनाओं में है।

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

इस वर्ष के मार्च में इस बारे में एक सर्वेक्षण हुआ कि स्क्रिप्ट कितने उपयोगकर्ताओं के पास थी और किन ब्राउज़रों का उपयोग किया गया था। एक उदाहरण के रूप में 60 उत्तरों का उपयोग करना, ब्राउज़र द्वारा वितरण पैटर्न दिखाई देता है, और ओएस द्वारा थोड़ा सा। pollservice.ru/p/dd12f28d55258167c83e/results

यदि आप स्क्रिप्ट का उपयोग करते हैं और सर्वेक्षण में भाग लेना चाहते हैं, तो यहां दर्ज करें: pollservice.ru/p/dd12f28d55258167c83e ।

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