अनुशंसित, 2020

संपादक की पसंद

बूटस्ट्रैप वैकल्पिक के लिए 20 सर्वश्रेष्ठ फ्रंट-एंड फ्रेमवर्क

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

आजकल, फ्रेमवर्क की संख्या बहुत बढ़ गई है, और जैसा कि आप जानते हैं, ट्विटर से बूटस्ट्रैप शीर्ष स्टैंडिंग पर है। उपयोग करने के लिए सबसे उपयुक्त ढांचा चुनने में आपकी मदद करने के लिए, हमने बूटस्ट्रैप विकल्प के लिए आज उपलब्ध 21+ सर्वश्रेष्ठ रूपरेखाओं को सूचीबद्ध किया है। वे अद्वितीय और चिढ़ा सुविधाएँ प्रदान करते हैं जो एक दूसरे से भिन्न होते हैं। चेक आउट!

1. शुद्ध

यदि आप एक वेब ऐप बनाने की योजना बना रहे हैं जो डेस्कटॉप और मोबाइल दोनों पर काम करता है, तो आपको याहू से प्योर का उपयोग करने पर विचार करना चाहिए। जब बूटस्ट्रैप की तुलना में मोबाइल उपकरणों की बात आती है तो प्योर का प्रदर्शन बेहतर होता है। जैसा कि इसके नाम से पता चलता है, प्योर केवल शुद्ध सीएसएस फ्रेमवर्क के रूप में आता है। Normalize.css के शीर्ष पर बनाएँ, प्योर में केवल 4.5KB (मिनीफाइड और गज़िप) के साथ एक बहुत छोटा फ़ाइल आकार है।

2. यूआई किट

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

3. मोंटेजेएस

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

4. ग्राउंडवर्क

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

5. गम्भी

गम्बी एक लचीला और उत्तरदायी ढांचा है जो तेज वेब विकास के लिए सैस की शक्ति के साथ बनाया गया है। इसका कस्टमाइज़र आपको अपनी सर्वश्रेष्ठ वरीयता को पूरा करने के लिए आसानी से पूरे UI किट डिज़ाइन को ट्वीक और कस्टमाइज़ करने की अनुमति देता है। Gumby में विभिन्न प्रकार की भिन्नताओं के साथ कई प्रकार के ग्रिड हैं, लेकिन डिफ़ॉल्ट रूप से, Gumby 960 ग्रिड सिस्टम के साथ आता है।

6. एचटीएमएल 5 बॉयलरप्लेट

अपने नाम की तरह ही, HTML5 बॉयलरप्लेट आपको HTML5 तैयार टेम्पलेट प्रदान करता है जिसे HTML नई सुविधाओं के सबसे मानक को पूरा करने के लिए अनुकूलित किया गया है। इस टेम्पलेट का उपयोग करके, आप एक तेज, मजबूत और उत्तरदायी साइट बना सकते हैं जो किसी भी तरह के ब्राउज़र, यहां तक ​​कि इंटरनेट एक्सप्लोरर के साथ पुराने को भी अनुकूलित करने में सक्षम है।

7. कंकाल

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

8. बूटफ्लट

Bootflat एक खुला स्रोत CSS फ्रेमवर्क है जिसे शक्तिशाली बूटस्ट्रैप 3 के साथ बनाया गया है। Bootflat को तेज, आसान और कम दोहरावदार तरीके से आश्चर्यजनक फ्लैट वेब डिज़ाइन बनाने के लिए डिज़ाइन किया गया है। इसलिए, इसका यूआई किट सुंदर PSD उपयोगकर्ता इंटरफ़ेस पैक के साथ आता है जिसे आप अपनी वेबसाइट, आईओएस या एंड्रॉइड प्रोजेक्ट पर उपयोग कर सकते हैं।

9. इनुइट

Inuit.css एक और बेहतरीन सीएसएस फेमेवर्क है जो मोबाइल फर्स्ट एप्रोच पर केंद्रित है और सभी डिजाइन को आपके पास छोड़ता है। हालांकि कई अन्य रूपरेखाएं अपने स्वयं के डिजाइन सीएसएस, इनुइट.कैंस के साथ आ रही हैं, हालांकि, ऐसा नहीं है। Inuit.css OOCSS (ऑब्जेक्ट ओरिएंटेड सीएसएस) तरीके से काम करता है जो पुन: प्रयोज्य सीएसएस लिखने का एक तेज़, स्केलेबल और रखरखाव योग्य तरीका है।

10. 960 ग्रिड सिस्टम

960 ग्रिड सिस्टम एक फ्रंट-एंड फ्रेमवर्क है जो 960px चौड़े कंटेनर के आधार पर आपके वेब डेवलपमेंट वर्कफ़्लो को स्ट्रीमलाइन कर सकता है। कंटेनर को तब 12, 16 या 24 स्तंभों में आसानी से सामग्री डालने के लिए ढाला जा सकता है।

11. भौतिक

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

12. जीत

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

13. सूसी

सूसी एक स्वचालित ग्रिड प्रणाली है जो आपको किसी भी प्रकार के कॉलम में वेब लेआउट बनाने में मदद कर सकती है। यह आपको अपनी पसंद का डिज़ाइन बनाने के लिए स्वतंत्रता और लचीलापन देता है। यह संभालने में सक्षम है कि आपके डिज़ाइन में 5, 12, 24, 48 या असमान कॉलम हैं।

14. मेट्रो यूआई

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

15. HTML किकस्टार्ट

HTML किकस्टार्ट अति तीव्र वेब विकास के लिए एक अल्ट्रा-लीन HTML, CSS और जावास्क्रिप्ट बॉयलरप्लेट है। HTML किकस्टार्ट को ट्विटर बूटस्ट्रैप पर फ़ॉन्ट विस्मयकारी से आइकन समर्थन के आधार पर विकसित किया गया था। इसके तैयार मेनू, सूची, तालिकाओं, बटन, ग्रिड प्रणाली और कई महान तत्वों के साथ, आप अपने वेब प्रोजेक्ट निर्माण की प्रक्रिया को 10 घंटे या उससे भी अधिक समय तक बचाएंगे।

16. सरल ग्रिड

सिंपल ग्रिड एक बहुत हल्का, उत्तरदायी ग्रिड सिस्टम है। यह अन्य फ्रेमवर्क की तरह नहीं है जिसमें फैंसी बटन, मेन्यू, टेबल आदि हैं, सिंपल ग्रिड केवल एक शुद्ध ग्रिड प्रदान करता है। ग्रिड सुविधा 12 कॉलम के साथ 1140 px स्क्रीन आकार पर आधारित है जिसे आप अपना सर्वश्रेष्ठ लेआउट प्राप्त करने के लिए अनुकूलित कर सकते हैं।

17. फाउंडेशन

ट्विटर बूटस्ट्रैप के लिए फाउंडेशन सबसे कठिन प्रतिद्वंद्वी है। यह बहुत अच्छी तरह से प्रलेखित, स्थिर, लचीला और खुला स्रोत फ्रंट-एंड फ्रेमवर्क है। इसमें उत्तरदायी, मोबाइल पहला वेब प्रोजेक्ट तेजी से बनाने के लिए कई उपयोगी उपकरण हैं। यह IE7 को छोड़कर आज लगभग सभी उपलब्ध ब्राउज़र का समर्थन करता है। हालाँकि कई डेवलपर्स ज्यादातर HTML और CSS के लिए ही फाउंडेशन का उपयोग कर रहे हैं, लेकिन आपके पास इसे Sass और Rails के साथ पोर्ट करने का विकल्प है।

18. सामग्री यूआई

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

19. टोपकोट

TopCoat एक मजबूत फ्रंट-एंड फ्रेमवर्क है जिसे Adobe की टीम ने गति में डिजाइन किए गए वेब एप्लिकेशन को विकसित करने के लिए बनाया है। TopCoat में प्रत्येक एकल विवरण प्रदर्शन प्राथमिकता के लिए अनुकूलित है। यह आपको अपने प्रोजेक्ट के साथ उपयोग करने के लिए कस्टमाइज़ करने योग्य थीम, ओपन सोर्स फॉन्ट और PSD UI किट भी प्रदान करता है।

20. स्याही

इंक एक फ्रंट-एंड फ्रेमवर्क है जो कि HTML, CSS और जावास्क्रिप्ट का उपयोग करके त्वरित UI विकास के लिए विकसित किया गया है, जैसे बूटस्ट्रैप करता है। आप टेबल, टैब, डेटा पिकर, मोडल, सॉर्टेबल सूची, ट्री व्यू, गैलरी, फॉर्म वैलिडेटर और अधिक जैसे कुछ पुन: प्रयोज्य इंटरफ़ेस तत्वों के साथ आसानी से आधुनिक लेआउट बना सकते हैं। यह आपको इसके जेएस कोर इंजन के साथ डोम हेरफेर, संचार सुविधाएं और फैंसी पेज इफेक्ट्स भी देता है।

21. ओनसे यूआई

Onsen UI एक हाइब्रिड फ्रेमवर्क है जो PhoneGap और Cordova के साथ अच्छा काम करता है। नींव के रूप में AngularJS, jQuery, Font Awesome और TopCoat के साथ, Onsen UI अद्भुत मोबाइल ऐप विकसित करने के लिए एक आशाजनक उपकरण हो सकता है। वेब घटक की अवधारणा का उपयोग करके आसानी से मोबाइल ऐप्स बनाने में ओनसेन यूआई आपकी मदद कर सकता है।

आपका पसंदीदा बूटस्ट्रैप विकल्प कौन सा है? हमें नीचे टिप्पणियों में बताएं।

Top