Twitter बूटस्ट्रैप बनाम jQuery UI? [बन्द है]

214

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

7 साल पहले बंद हुआ ।

मैं कुछ बेसिक पेज एन्हांसमेंट के लिए jQuery UI का उपयोग कर रहा हूं। बटन और इनपुट स्टाइल और मोडल डायलॉग बॉक्स। अब मैं बूटस्ट्रैप पर आ गया हूं और यह बहुत अच्छा लग रहा है।

क्या किसी को jQuery UI का उपयोग करने से बूटस्ट्रैप तक जाने का कोई अनुभव है? यह मैं क्या करने के लिए सोच रहा हूं, लेकिन इससे पहले कि मैं ऐसा करूं मैं जानता हूं कि मैं किन समस्याओं का सामना कर सकता हूं।

— जेसिका
स्रोत

4

एक संभावित समाधान जो उपलब्ध नहीं हो सकता है जब यह पूछा गया ... Addy Osmani और उनकी टीम दोनों के विलय पर काम कर रही है - यदि आप उनके बीच फंस गए हैं, तो बाहर की जाँच करें और शायद आप वह सब कुछ प्राप्त कर सकते हैं जो आप चाहते हैं! - addyosmani.github.io/jquery-ui-bootstrap

— स्ट्रीटलाइट

1

कैसे अपडेट करें (2014!) उत्तर क्या कोई यहाँ एक इनाम शुरू कर सकता है?

— पीटर क्रूस

बूटस्ट्रैप वेबसाइट से - "बूटस्ट्रैप केवल एक समय में एक मोडल विंडो का समर्थन करता है। नेस्टेड मोडल समर्थित नहीं हैं क्योंकि हम उन्हें खराब उपयोगकर्ता अनुभव मानते हैं।" -- सुखद दुख।

— जॉर्ज बीयर

133

मेरे पास कई प्रोजेक्ट हैं।

मेरी राय में सबसे बड़ा अंतर है

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

तो क्या चुनना है?

वह हमेशा उस परियोजना के प्रकार पर निर्भर करता है जिस पर आप काम कर रहे हैं। क्या शांत और तेज़ दिखने वाले विजेट बेहतर हैं, या आपके उपयोगकर्ता अक्सर पुराने ब्राउज़रों का उपयोग कर रहे हैं?

मैं हमेशा दोनों का उपयोग कर रहा हूं, इसलिए मैं दोनों दुनिया का सबसे अच्छा उपयोग कर सकता हूं।

यदि आप उनका उपयोग करने का निर्णय लेते हैं, तो दोनों रूपरेखाओं के लिंक यहां दिए गए हैं।

— मार्को जोहानसन
स्रोत

2

-जवाब देने में व़क्त लेने के लिए शुक्रिया। मेरी ज़रूरतें IE9 या दूसरे बाद के संस्करण ब्राउज़रों पर काम करने के लिए हैं जिनके पास बहुत अच्छा CSS3 का समर्थन है। बूटस्ट्रैप मेरे लिए अच्छा लगने लगा है। एक सवाल। मैं ASP.MVC का उपयोग कर रहा हूं। मैंने कम की जरूरत के बारे में कुछ देखा। क्या Microsoft ASP MVC प्लेटफ़ॉर्म के साथ Boostrap ठीक काम करेगा? "कम" कहां फिट होता है?

— जेसिका

आप .css फ़ाइलों के लिए कम फ़ाइलों को संकलित कर सकते हैं। बूटस्ट्रैप (मेक का उपयोग करके) का निर्माण, सीएसएस फ़ाइलों का उपयोग करने के लिए तैयार करेगा। इस तरह से आपको कम उपयोग करने की आवश्यकता नहीं है।

— मिकेलब

3

लेस एक सीएसएस फ्रेमवर्क है। यह Boostrap का उपयोग करने के लिए किसी भी तरह से आवश्यक नहीं है (उनके पास एक नियमित CSS / JS संस्करण है), लेकिन LESS के साथ आप आसानी से CSS (परिवर्तन रंग आदि) में परिवर्तन कर सकते हैं, इसे निर्भर कर सकते हैं, कार्य कर सकते हैं। यहाँ देखें: lesscss.org और .NET में एक संकलक के लिए एक बीटा संस्करण है। देखें: dotlesscss.org

— मार्को जोहान्सन

20

तुम भी "दोनों दुनिया के सर्वश्रेष्ठ" का उपयोग कैसे करते हैं? निकटतम मैंने jQueryUI बूटस्ट्रैप (मूल रूप से एक jQueryUI विषय) का उपयोग करके प्राप्त किया है, लेकिन फिर भी यह बूटस्ट्रैप 1.4 के लिए डिज़ाइन किया गया है, 2.0 नहीं, और बटन के लिए JS का उपयोग करने की कोशिश करते समय झड़पें होती हैं, आदि

— एडम लिंच

3

@ PhoenixX_2 बीमार कोशिश! उदाहरण: बूटस्ट्रैप में आप बटन एलिमेंट पर सभी क्लासेस लिखते हैं (यानी button button-primary button-small, जहाँ jQueryUI में आप बटन होने के लिए एक एलिमेंट असाइन करते हैं। बस "बीटीएन" जोड़ें और फिर JS के माध्यम से आप इसे एक बटन बनाते हैं $(".btn").button()। इसका मतलब यह है कि आप बूटस्ट्रैप में हैं। इसे HTML में परिभाषित करें, और jQueryUI में आप इसे JS में परिभाषित करते हैं। बूटस्ट्रैप पर नकारात्मक आपको अपने HTML को संपादित करने की आवश्यकता है यदि आप कुछ अपडेट करते हैं / बदलते हैं (यानी बूटस्ट्रैप संस्करण) जहां jQueryUI को आपको बस अपना JS बदलना होगा जो कि अक्सर आसान होता है। दोनों के साथ सकारात्मकता और नकारात्मकताएं हैं! :)

— मार्को जोहान्सन

73

दोनों का उपयोग करने के बाद, ट्विटर का बूटस्ट्रैप एक बेहतर प्रौद्योगिकी सेट है। यहाँ कुछ अंतर हैं,

विजेट : jQuery यूआई यहाँ जीतता है। यह प्रदान करने वाला दिनांक विजेट बेहद उपयोगी है, और ट्विटर बूटस्ट्रैप इस प्रकार का कुछ भी प्रदान नहीं करता है।
मचान : बूटस्ट्रैप यहां जीतता है। ट्विटर का ग्रिड द्रव और फिक्स्ड दोनों शीर्ष पायदान पर हैं। jQuery UI अंतिम उपयोगकर्ता तक पेज लेआउट को छोड़कर यह दिशा प्रदान नहीं करता है।
बॉक्स व्यावसायिकता से बाहर : CSS3 का उपयोग करके बूटस्ट्रैप लीग से आगे है, jQuery यूआई तुलना द्वारा दिनांकित दिखता है।
प्रतीक : मैं इस पर टाई करूँगा। बूटस्ट्रैप में jQuery UI की तुलना में अच्छे आइकॉन हैं , लेकिन मुझे एक शब्द भी पसंद नहीं है, ग्लिफ़िकॉन्स हैल्फ़िंग्स आमतौर पर मुफ्त में उपलब्ध नहीं हैं, लेकिन बूटस्ट्रैप और ग्लिफ़िकॉन के रचनाकारों के बीच एक व्यवस्था ने डेवलपर्स के रूप में आपके लिए यह संभव नहीं बनाया है। धन्यवाद के रूप में, हम आपको व्यावहारिक रूप से जब भी ग्लिफ़िकॉन्स पर वापस एक वैकल्पिक लिंक शामिल करने के लिए कहते हैं।
छवियाँ और थंबनेल : बूटस्ट्रैप पर जाता है , jQuery UI यहाँ भी मदद नहीं करता है।

अन्य नोट,

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

— इवान कैरोल
स्रोत

34

आप अपेक्षाकृत कम मुद्दों के साथ दोनों का उपयोग कर सकते हैं। Twitter बूटस्ट्रैप jQuery 1.7.1 (इस लेखन के रूप में) का उपयोग करता है, और मैं किसी भी कारण के बारे में नहीं सोच सकता कि आप अपने HTML टेम्पलेट्स में अतिरिक्त Jquery UI घटकों को एकीकृत क्यों नहीं कर सकते।

मैं एचटीएमएल 5 बॉयलरप्लेट और ट्विटर बूटस्ट्रैप के संयोजन का उपयोग कर रहा हूं, जो Initializr.com पर बनाया गया है। यह दो शानदार स्टार्टर टेम्पलेट्स को एक महान स्टार्टर प्रोजेक्ट में जोड़ती है। Http://html5boilerplate.com/ और http://www.initializr.com/ पर विवरण देखें या अभी शुरू करने के लिए, http://www.initializr.com/ पर जाएं , "बूटस्ट्रैप 2" पर क्लिक करें बटन, और "इसे डाउनलोड करें" पर क्लिक करें। यह आपको सभी जेएस और सीएसएस देगा जो आपको आरंभ करने की आवश्यकता है।

और HTML5 और CSS3 से डरें नहीं। शुरुआती और HTML5 बॉयलरप्लेट में पॉलीफिल और IE विशिष्ट कोड शामिल हैं जो IE 6, 7 8, और 9 में सभी सुविधाओं को काम करने की अनुमति देगा।

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

आपके लिए कस्टम कोड जोड़ने के लिए एक रिक्त js फ़ाइल (script.js) भी है। यह वह जगह है जहां आप अतिरिक्त jQueryUI घटकों के लिए अपने हैंडलर या चयनकर्ताओं को जोड़ेंगे।

— eterps
स्रोत

बहुत बढ़िया जवाब। क्विक क्वेश्चन कठिन, ट्विटर बूटस्ट्रैप और उसके प्लगइन्स में jquery ui वास्तव में क्या ऑफर करता है?

— माइंडवायर

5

क्षमा करें, बस यह देखा। जहाँ तक js विजेट्स की बात है, jQuery UI में एक तारीख और स्लाइडर है, जो बूटस्ट्रैप में शामिल नहीं है। इसके अलावा jqUI में इंटरैक्शन और प्रभाव शामिल हैं, जैसे कि ड्रैग-एंड-ड्रॉप, शो / हाइड एनिमेशन, क्लास टॉगलिंग, और कई अन्य। बूटस्ट्रैप के लेआउट घटकों के साथ jqUI की बातचीत का संयोजन एक बहुत शक्तिशाली संयोजन हो सकता है।

— eterps

6

देखने के लिए एक मुद्दा; दोनों परियोजनाएं $ .fn.button को असंगत तरीकों से परिभाषित करती हैं।

— लेवी

27

हमने अपनी सादगी के लिए बूटस्ट्रैप दोनों का उपयोग किया है और जिस गति से इसे विकसित और बढ़ाया जा रहा है। JQuery UI के साथ समस्या यह है कि यह एक घोंघा की गति से बढ़ रहा है। Menubar, Tree control और DataGrid जैसी सामान्य सुविधाओं को रोल करने में कई साल लग रहे हैं जो हमेशा के लिए योजना / विकास के चरण में हैं। हम इंतजार कर रहे थे और आखिरकार छोड़ दिया और हमारे उत्पाद http://dblite.com के लिए ExtJS जैसे अन्य पुस्तकालयों का इस्तेमाल किया ।

बहुत कम समय में बूटस्ट्रैप काफी व्यापक सुविधाओं के साथ आया है और मुझे यकीन है कि यह बहुत जल्द jQuery UI को पछाड़ देगा।

इसलिए मुझे कुछ ऐसा उपयोग करने का कोई मतलब नहीं है जो अंततः पुराना हो जाएगा ...

— राजीव
स्रोत

43

सब कुछ अंततः पुराना हो जाएगा। कुछ करने का कोई मतलब नहीं है।

— tilgovi

6

यह सच है, हमें सिर्फ उसे चुनने की ज़रूरत है जो हमें लगता है कि लंबे समय तक अपना आधार बनाए रखेगा।

— राजीव

8

नहीं, तुम सिर्फ एक है कि अपने ग्राहकों से पैसे में लाने के लिए जा रहा है लेने की जरूरत है। एक बार जब आप इसे काम कर लेते हैं, तो इसे कुछ समय के लिए काम करना जारी रखना चाहिए, भले ही यह शैली से बाहर हो जाए, इसलिए केवल वास्तविक चिंता पैसा है।

— एडम