मेट्रो 4 एक 6 साल की यात्रा है। मेट्रो यूआई सीएसएस का एक संक्षिप्त इतिहास

यह कहानी 2012 में वापस शुरू हुई, जब विंडोज 8 ने ग्रह पर व्यापक चरणों के साथ अपनी यात्रा शुरू की थी। इस ऑपरेटिंग सिस्टम के स्टार्ट पेज के टाइल वाले इंटरफेस से प्रभावित होकर, मैंने HTML, CSS और JavaScript में ऐसा ही करने का फैसला किया।

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

खैर, जैसा कि वे कहते हैं, यह कहा जाता है - किया। प्रोजेक्ट का नाम मेट्रो UI CSS रखा गया था।

पहला संस्करण , जो, वैसे, नंबर 1 नहीं मिला, लेकिन 0.95 नंबर के साथ कहानी में बना रहा, इसमें मूल शैलियों और एक दर्जन घटक थे।

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

हालाँकि इस परियोजना का विज्ञापन कहीं भी नहीं किया गया था, फिर भी इसे समुदाय द्वारा देखा गया। परियोजना पृष्ठ पर आने वाले आगंतुकों की संख्या रोज़ाना 2,000 होस्ट के आंकड़े तक पहुँच गई, और सितारे धीरे-धीरे परियोजना के GitHub पृष्ठ पर जमा होने लगे।

कुछ समय बाद, इस परियोजना को Microsoft Bizspark कार्यक्रम के प्रबंधकों द्वारा देखा गया और जल्द ही BizSpark कार्यक्रम में एक भागीदार के रूप में इसी स्थिति को प्राप्त किया, और परियोजना पर काम करने वाले हम सभी ने Microsoft से सॉफ़्टवेयर लाइसेंस के रूप में सॉफ़्टवेयर दिग्गजों से बन्स प्राप्त किए।

थोड़ी देर बाद, परियोजना को अपने अद्भुत IDE PhpStorm के लाइसेंस के रूप में JetBrain s (कंपनी सक्रिय रूप से खुले स्रोत का समर्थन करती है) का समर्थन मिला।

जून 2013 में, संस्करण 0.95 पर काम करना बंद करने और संस्करण 2.0 का विकास शुरू करने का निर्णय लिया गया। इस समय तक, कुछ अनुभव जमा हो गए थे, यह एहसास हो गया था कि जो किया गया था वह गलत था, जिसे सुधारने की आवश्यकता थी, और जिसे पूरी तरह से हटा दिया गया था। कुल मिलाकर TODO इतना व्यापक हो गया कि 0.95 संस्करण में सुधार और परिवर्धन करने का कोई मतलब नहीं था, लेकिन खरोंच से विकास शुरू करना अधिक समीचीन था।

इस प्रकार इसके जीवन का संस्करण 2.0 शुरू हुआ।

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

समुदाय से सकारात्मक प्रतिक्रिया से पता चला कि यह सही कदम था - पूरी तरह से नए मेट्रो मेट्रो सीएसएस 2.0 के पक्ष में 0.95 पर काम जारी रखने के लिए।

दुर्भाग्य से, संस्करण 2.0 पर काम की शुरुआत में, एक कारण या किसी अन्य के लिए, सर्गेई और वेलेरियो के साथ संचार खो गया था, और परियोजना को एक व्यक्ति द्वारा आगे लिखा गया था। यह एक कठिन लेकिन बहुत दिलचस्प काम था। सामान्य तौर पर, मैंने देखा कि यदि आपके काम से किसी को फायदा होता है, तो यह लेखक को ऐसा लाभ देता है, जिसे आप पैसे के लिए नहीं खरीद सकते हैं और इससे प्राप्त संवेदनाओं का अपना, अतुलनीय मनोवैज्ञानिक रंग है।

संस्करण 2.0 2 साल तक चला। जैसा कि सब कुछ विकसित होता है, परियोजना विकसित हुई, विचार और कोड दोनों में। अगस्त 2015 में, यह समझ में आया कि कुछ को परियोजना में बदलने की आवश्यकता है और मौलिक रूप से बदल दिया गया है और इससे उन लोगों को लाभ होगा जो अपने कार्यों के लिए पुस्तकालय का उपयोग करते हैं।

संस्करण 3.0 की रिलीज के लिए महत्वपूर्ण निर्णयों में से एक घटक के कार्यात्मक आरंभीकरण से आगे बढ़ना और इसे यथासंभव घोषित करना था और उन लोगों को सक्षम करना था जिनके पास पेज बनाने और अपने पेजों को संवादात्मक रखने के लिए जावास्क्रिप्ट प्रोग्रामिंग अनुभव (जैसे एसईओ विशेषज्ञ) नहीं थे।

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

अगस्त 2015 के अंत में, मैंने मेट्रो यूआई सीएसएस के तीसरे संस्करण पर काम शुरू कर दिया।

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

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

अप्रैल 2018 में, एक बार फिर मेट्रो यूआई सीएसएस के स्रोत कोड और मेट्रो 3 पर लिखे गए साइटों की समीक्षा करते हुए, मैं इस निष्कर्ष पर पहुंचा कि प्रोग्रामर को लिखने के लिए बहुत सारे HTML कोड हैं और आपको इसके बारे में कुछ करने की आवश्यकता है।

इसलिए यह निर्णय लिया गया था कि भले ही सभी अतिरिक्त HTML रैपिंग कोड, और उस समय तक कई घटक, उनके संचालन को सुनिश्चित करने के लिए उनके ऊपर HTML तत्वों का एक आवरण हो, न कि प्रोग्रामर लिखते हैं, लेकिन लाइब्रेरी इसे संभाल सकती है। एक अन्य समस्या यह थी कि मेट्रो 3 ने घटकों की प्रमुख विशेषताओं के मूल्यों में परिवर्तन को ट्रैक नहीं किया था, जिनमें से परिवर्तन ने घटक के व्यवहार में परिवर्तन को पकड़ा। इन दो कारकों ने मुझे मेट्रो 4 लिखने के लिए प्रेरित किया।

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

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

परियोजना की मुख्य विशेषताएं:

• मूल शैलियों का एक सेट - मेट्रो 4 में html तत्वों की उपस्थिति को बदलने के लिए विभिन्न शैलियों को शामिल किया गया है।
• लगभग सभी कार्यों को हल करने के लिए उपयोग की घोषणा शैली के साथ 70+ घटक उपलब्ध हैं।
• उपकरण - विभिन्न अंतर्निहित फ़ंक्शन और कक्षाएं आपकी उत्पादकता में सुधार करेंगी।
• 500 से अधिक आइकन के एक सेट के साथ आइकन फ़ॉन्ट।
• बिल्डर ( https://builder.metroui.org.ua ) - कलेक्टर की मदद से, आप मेट्रो 4 घटकों के अपने स्वयं के सेट को इकट्ठा कर सकते हैं। स्रोत कोड Github पर उपलब्ध है।
• सैंडबॉक्स ( https://sandbox.org.ua ) - मेट्रो 4 की क्षमताओं के परीक्षण के लिए अपना सैंडबॉक्स है और न केवल। वैसे, सैंडबॉक्स को मेट्रो 4 में लिखा गया है, जिसे मेट्रो 4 द्वारा लिखा गया है और इसका सोर्स कोड GitHub पर उपलब्ध है।
• पता चला त्रुटियों और उनके उन्मूलन के लिए त्वरित प्रतिक्रिया। एक नया संस्करण हर हफ्ते रविवार को जारी किया जाता है, और एक सप्ताह के भीतर डेवलपर शाखा GitHub पर वर्तमान फिक्स और एक्सटेंशन के साथ लागू होती है।
• मेट्रो 4 लाइब्रेरी ( https://metroui.org.ua ) के सभी तत्वों का विस्तृत विवरण।
• फोरम - मेट्रो 4 फोरम पर समुदाय से अधिक सहायता प्राप्त करें।
• मेट्रो 4 एचटीएमएल, सीएसएस और जेएस का उपयोग करने के लिए एक खुला स्रोत टूलकिट है। मेट्रो 4 आपको जल्दी और बिना अतिरिक्त लागत के पृष्ठों और पूर्ण विशेषताओं वाली साइटों के प्रोटोटाइप बनाने की अनुमति देता है, और यहां तक ​​कि जावास्क्रिप्ट के ज्ञान के बिना भी।
• मेट्रो 4 में वर्तमान में एक एमआईटी लाइसेंस है और यह हमेशा गैर-लाभकारी ओपन सोर्स परियोजनाओं के लिए स्वतंत्र रहेगा।

विशेष धन्यवाद मैं कहना चाहता हूँ:

• परियोजना के पहले चरणों में वित्तीय सहायता के लिए मेरे दोस्त अलेक्जेंडर ज़ादोरोज़्नी को
• मेरे मित्र और बॉस अलेक्जेंडर ओलशनस्की को उनके समर्थन के लिए और परियोजना के लिए बड़ी संख्या में मूल विचार

RESURSS

• परियोजना की आधिकारिक साइट
• GitHub
• सैंडबॉक्स: https://sandbox.org.ua , https://github.com/olton/Sandbox
• बिल्डर: https://builder.metroui.org.ua , https://github.com/olton/Metro4-Builder