Home-theater-designers
बूटस्ट्रैप 5 बड़े बदलावों के साथ आया है, जिसमें इंटरनेट एक्सप्लोरर (आईई) समर्थन और jQuery निर्भरता के लिए ड्रॉप शामिल है। ट्विटर द्वारा विकसित, बूटस्ट्रैप दुनिया का सबसे लोकप्रिय सीएसएस ढांचा है। ओपन-सोर्स यूजर इंटरफेस फ्रेमवर्क भविष्य के लिए खुद को स्थिति में देख रहा है, और इसने इसे v5.
IE के लिए बूटस्ट्रैप की गिरावट ने इसे ऐसा करने वाला पहला वेब विकास उपकरण बना दिया है। यह कदम तब आता है जब इंटरनेट एक्सप्लोरर की बाजार हिस्सेदारी घटती जा रही है, जो सभी वेब ब्राउज़रों के 3% से कम के लिए जिम्मेदार है।
यह देखने के लिए पढ़ें कि बूटस्ट्रैप में और क्या सुधार किए गए हैं और वे आपको कैसे प्रभावित करते हैं।
1. jQuery समर्थन
बूटस्ट्रैप अब jQuery लाइब्रेरी का उपयोग नहीं करेगा। इसके बजाय विकास दल ने इस परिवर्तन को प्रभावित करने के लिए जावास्क्रिप्ट पुस्तकालय में सुधार किया है। बूटस्ट्रैप में jQuery निर्भरता जरूरी एक बुरी चीज नहीं थी।
वास्तव में, jQuery की शुरूआत ने मौलिक रूप से बदल दिया कि जावास्क्रिप्ट का उपयोग कैसे किया गया था। यह जावास्क्रिप्ट में लेखन कार्यों को सरल करता है जो अन्यथा कोड की कई पंक्तियों को ले लेता।
सम्बंधित: JQuery में एक तत्व बनाने का तरीका जानें
इन सबके बावजूद टीम ने इसे खत्म करने का फैसला किया है. यह छोटे स्रोत फ़ाइलों और उच्च पृष्ठ लोड समय के लाभ के साथ आता है। यह एक बहुत ही आवश्यक परिवर्तन था जो बूटस्ट्रैप को भविष्य के अनुकूल शैली प्राप्त करते हुए देखेगा।
स्रोत फ़ाइल का आकार 85KB मिनिफ़ाइड जावास्क्रिप्ट से हल्का हो गया है, और यह महत्वपूर्ण है क्योंकि Google मोबाइल साइटों के लिए पेज लोड समय को रैंकिंग कारक के रूप में मानता है।
अब बूटस्ट्रैप 5 में जितना ज्यादा jQuery के इस्तेमाल की जरूरत नहीं है, तब भी आप चाहें तो इसका इस्तेमाल कर सकते हैं। यह भी ध्यान देने योग्य है कि सभी जावास्क्रिप्ट प्लगइन्स उपलब्ध रहते हैं।
2. सीएसएस कस्टम गुण
Internet Explorer समर्थन को छोड़ कर, कस्टम CSS गुण (चर) का उपयोग किया जा सकता है। IE कस्टम गुणों का समर्थन नहीं करता - केवल एक कारण है कि इसने वेब डेवलपर्स को लंबे समय तक रोके रखा।
CSS कस्टम गुण CSS को अधिक लचीला और प्रोग्राम करने योग्य बनाता है। सीएसएस चर के साथ उपसर्ग हैं -बीएसई तृतीय पक्ष CSS के साथ विरोध को रोकने के लिए।
दो प्रकार के चर उपलब्ध हैं: मूल चर और घटक चर।
बूटस्ट्रैप सीएसएस लोड होने पर रूट चर का उपयोग किया जा सकता है। ये चर में स्थित हैं _root.scss फ़ाइल और संकलित डिस्ट फाइलों का हिस्सा हैं।
घटक चर का उपयोग विशेष घटकों में स्थानीय चर के रूप में किया जाता है। वे नेस्टेड टेबल जैसे घटकों में शैलियों की आकस्मिक विरासत से बचने में सहायक होते हैं।
3. बेहतर ग्रिड सिस्टम
क्योंकि संस्करण 3 से 4 में अपग्रेड करने में कुछ समस्याएं थीं, बूटस्ट्रैप 5 इस बार सिस्टम के बड़े हिस्से को बरकरार रखता है, इसे पूरी तरह से बदलने के बजाय मौजूदा सिस्टम पर बना रहा है। इनमें से कुछ परिवर्तन हैं:
- गटर वर्ग ( ।लड़के ) को एक उपयोगिता में बदल दिया गया है ( ।जी* ) बहुत हद तक मार्जिन और पैडिंग की तरह
- ऊर्ध्वाधर रिक्ति वर्गों को भी शामिल किया गया है
- कॉलम अब डिफ़ॉल्ट नहीं हैं पद: रिश्तेदार
4. बेहतर दस्तावेज़ीकरण
दस्तावेज़ीकरण को अधिक जानकारी के साथ बढ़ाया गया है, खासकर जब अनुकूलन की बात आती है। एक आम समस्या यह थी कि बूटस्ट्रैप का उपयोग करने वाली कई साइटों के साथ, आप तुरंत पहचान सकते थे कि यह बूटस्ट्रैप का उपयोग कर रहा था। बूटस्ट्रैप 5 अब एक नए रंगरूप और बेहतर अनुकूलन के साथ आता है।
आपकी थीम को कस्टमाइज़ करने के लिए अब और अधिक लचीलापन है ताकि प्रत्येक साइट या ऐप में समान समानता न हो। सैस (लोकप्रिय सीएसएस प्री-प्रोसेसर) फाइलों के शीर्ष पर निर्माण के लिए वी4 थीमिंग पेज को वास्तव में अधिक सामग्री और कोड स्निपेट के साथ विस्तारित किया गया है। आप GitHub प्लेटफॉर्म पर एक स्टार्टर npm प्रोजेक्ट भी पा सकते हैं जो टेम्पलेट रिपॉजिटरी के रूप में उपलब्ध है।
रंग पैलेट को संस्करण 5 में भी विस्तारित किया गया है। विस्तारित अंतर्निर्मित रंग प्रणाली का तात्पर्य है कि आप अपना कोडबेस छोड़े बिना आसानी से अपने रंग को स्टाइल कर सकते हैं। रंग कंट्रास्ट को बेहतर बनाने के लिए और अधिक काम किया गया है, जिसमें बूटस्ट्रैप कलर डॉक्स में कलर कंट्रास्ट मेट्रिक्स को शामिल करना शामिल है।
5. बेहतर फॉर्म नियंत्रण
बूटस्ट्रैप ने अपने प्रपत्र नियंत्रण, इनपुट समूह, और बहुत कुछ में सुधार किया है।
v4 में, बूटस्ट्रैप प्रत्येक ब्राउज़र द्वारा प्रदान किए गए डिफ़ॉल्ट के अतिरिक्त कस्टम प्रपत्र नियंत्रणों का उपयोग कर रहा था। V5 में, ये सभी अब अनुकूलित हैं। सभी रेडियो बटन, चेकबॉक्स, फ़ाइल, रेंज और बहुत कुछ उन्हें विभिन्न ब्राउज़रों में समान रूप और व्यवहार देने के लिए।
नए प्रपत्र नियंत्रणों में अब अनावश्यक रंगीन मार्कअप नहीं है, बल्कि मानक और तार्किक डिज़ाइन सुविधाओं पर ध्यान केंद्रित किया गया है।
6. बूटस्ट्रैप 5 यूटिलिटीज एपीआई जोड़ता है
टेलविंड सीएसएस जैसे नए सीएसएस पुस्तकालयों के बाद, बूटस्ट्रैप अब एक उपयोगिता पुस्तकालय भी जोड़ रहा है। बूटस्ट्रैप टीम का कहना है कि वे यह देखकर खुश हैं कि पिछले एक दशक से अधिक समय से वेब पर हमारे द्वारा बनाए गए तरीके को अन्य डेवलपर कैसे चुनौती दे रहे हैं।
विकास समुदाय में उपयोगिताएँ गति प्राप्त कर रही हैं और बूटस्ट्रैप टीम ने नोटिस लिया है। टीम ने पहले ग्लोबल . का उपयोग करते हुए v4 में उपयोगिताओं के लिए प्रावधान जोड़ा था $सक्षम-* कक्षाएं। V5 में, वे एक एपीआई दृष्टिकोण और Sass में एक नई भाषा और वाक्य रचना में बदल गए हैं। यह आपको दी गई चूक को हटाने या संशोधित करने में सक्षम होने के साथ-साथ नई उपयोगिताओं को बनाने की शक्ति देगा।
बेहतर संगठन देने के एक तरीके के रूप में, कुछ उपयोगिताएँ जो v4 में थीं, उन्हें हेल्पर्स सेक्शन में ले जाया गया है।
7. नया बूटस्ट्रैप चिह्न पुस्तकालय
बूटस्ट्रैप अब अपने स्वयं के ओपन सोर्स एसवीजी आइकन लाइब्रेरी का दावा करता है जिसमें 1,300 से अधिक आइकन हैं। यह ढांचे के घटकों के लिए कस्टम बनाया गया है लेकिन आप अभी भी किसी भी परियोजना पर उनके साथ काम कर सकते हैं।
यह देखते हुए कि वे एसवीजी छवियां हैं, वे जल्दी से स्केल कर सकते हैं और कई तरीकों से कार्यान्वित किए जा सकते हैं और सीएसएस के साथ स्टाइल भी कर सकते हैं।
आप का उपयोग करके आइकन स्थापित कर सकते हैं समुद्र तल के ऊपर:
$ npm i bootstrap-iconsबूटस्ट्रैप स्थापित करें 5
आप जा सकते हैं बूटस्ट्रैप 5 आधिकारिक डाउनलोड पृष्ठ यदि आप इसे स्थापित करना चाहते हैं। यदि आप नवीनतम विकास रिलीज़ के साथ अपडेट रहना चाहते हैं तो आप इसका उपयोग कर सकते हैं समुद्र तल के ऊपर इसे खींचने के लिए:
$ npm i bootstrap@next
इस लेखन के समय, ढांचा अपने बीटा 3 संस्करण में है। इसका मतलब है कि सॉफ्टवेयर उपयोग करने के लिए सुरक्षित है लेकिन अभी भी विकास में है। बेझिझक टीम को प्रतिक्रिया दें और कोई भी आवश्यक योगदान दें।
साझा करना साझा करना कलरव ईमेल वेब घटकों और घटक-आधारित वास्तुकला का परिचयआइए सामान्य वेब घटकों पर एक नज़र डालें और देखें कि वे क्यों उपयोगी हैं।
आगे पढ़िए संबंधित विषय- प्रोग्रामिंग
- वेब विकास
- जावास्क्रिप्ट
- सीएसएस
जेरोम MakeUseOf में स्टाफ राइटर हैं। वह प्रोग्रामिंग और लिनक्स पर लेख शामिल करता है। वह एक क्रिप्टो उत्साही भी है और हमेशा क्रिप्टो उद्योग पर नजर रखता है।
जेरोम डेविडसन की अन्य फ़िल्में-टीवी शोहमारे न्यूज़लेटर की सदस्यता लें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
एक यूट्यूब सदस्यता कितनी हैसब्सक्राइब करने के लिए यहां क्लिक करें