2012-01-24 8 views
57

के साथ ट्विटर बूटस्ट्रैप बनाम मैं एचटीएमएल 5 बॉयलरप्लेट या ट्विटर बूटस्ट्रैप का उपयोग वेब अनुप्रयोग के लिए करना चाहता हूं जो JQuery UI नियंत्रणों का उपयोग कर सकता है।एचटीएमएल 5 बॉयलरप्लेट बनाम JQuery और JQueryUI

क्या मेरे लिए JQuery UI समकक्षों के साथ बूटस्ट्रैप नियंत्रणों को प्रतिस्थापित करना भी संभव है?

अग्रिम धन्यवाद

स्टीफन

+4

[jQuery UI बूटस्ट्रैप] देखें (http://addyosmani.github.com/jquery-ui-bootstrap/) jQuery UI विजेट्स (v0.23) के लिए बूटस्ट्रैप-थीम्ड किकस्टार्ट। –

+1

धन्यवाद डेविड, एचटीएमएल 5 बॉयलर प्लेट या ट्विटर बूटस्ट्रैप का उपयोग करने के लिए कोई सलाह है? –

+0

वही –

उत्तर

38

कल, निकोलस Gallagher H5BP + Twitter Bootstrap integration के बारे में H5BP के GitHub रेपो एक नई समस्या के लिए खोला गया। हम देखेंगे कि यह कैसे जाता है।

इसके अलावा कल, jQuery यूआई बूटस्ट्रैप, opened the floor के लेखक एडी ओस्मानी ने jQuery UI बूटस्ट्रैप को बूटस्ट्रैप 2.0 में अपडेट किया जाना चाहिए या नहीं, जिसे 31 जनवरी (2012 को) में रिलीज़ किया जाना है या नहीं, भविष्य से जा रहे हैं)। एक भी डाउन-वोट नहीं देखा गया था, इसलिए आप जल्द ही एक jQuery UI बूटस्ट्रैप-2.0 की अपेक्षा कर सकते हैं।

यदि आप H5BP और बूटस्ट्रैप चेकआउट मिकेल डैनियल की h5bp + twitter bootstrap integration शैल स्क्रिप्ट को एकीकृत करने के लिए प्रतीक्षा नहीं करना चाहते हैं। यह आपको JQuery UI समकक्षों के साथ बूटस्ट्रैप नियंत्रण नहीं देगा, हालांकि आपने पूछा था।

बूटस्ट्रैप और एच 5 बीपी 2 अलग-अलग समस्याओं को हल करते हैं। पूर्व एक फ्रंट-एंड टूलकिट है जिसे "वेबपैप्स और साइट्स के विकास को किकस्टार्ट करने के लिए डिज़ाइन किया गया है" जबकि बाद में वास्तव में "बॉयलरप्लेट" नहीं है, जैसा कि history विकी पेज में बताया गया है) ।

+1

डेविड, आपकी अंतर्दृष्टि के लिए धन्यवाद, जिसने मेरा दिमाग खोला है> आप मेरे लिए क्या अनुशंसा करेंगे कौन सा वेब डेवलपमेंट स्टैक रीबूट कर रहा है, PHP/Jquery/JQuery UI (जिस तरह से आवश्यक नहीं है)? दोनों में से कौन सा मेरी गेट को फास्ट से बाहर ले जाएगा? पीएस: हमारे पास फ्रंट एंड निंजा नहीं है, इसलिए बहुत अधिक UI अनुकूलन नहीं मिल सकता है। धन्यवाद फिर से –

+0

डेविड, सिर्फ एक हेडसप हम ट्विटर बूटस्ट्रैप के लिए गए और –

+1

बिट्स के लिए इसे प्यार कर रहे हैं कृपया ध्यान दें कि एच 5 बीपी http://www.initializr.com/ – luison

7

व्यक्तिगत तौर पर मैं

  • ट्विटर का एक आदर्श संयोजन के लिए मतदान होगा बूटस्ट्रैप
  • H5BP
  • jQuery, सबसे अधिक इस्तेमाल किया उपहार

एक आदर्श उत्तरदायी समाधान के लिए इन सभी घटकों, अब तक , मैं केवल किकस्ट्रैप प्रोजेक्ट में आया: http://ajkochanowicz.github.com/Kickstrap/

शायद, और भी हैं, लेकिन यह वास्तव में अच्छा लग रहा है।

23

आप की कोशिश की है: http://www.initializr.com/

विकल्प है कि संक्षेप में बूटस्ट्रैप

+1

क्या आप किसी भी तरह से प्रारंभिक से संबद्ध हैं? –

+1

यह आज के रूप में सबसे अच्छा तरीका है। – supercobra

+3

प्रारंभिक अब एचटीएमएल 5 बॉयलरप्लेट – Juan

3

एचटीएमएल 5 बॉयलरप्लेट बनाम बूटस्ट्रैप शामिल साथ एचटीएमएल 5 बॉयलरप्लेट के आधार पर टेम्पलेट उत्पन्न करता है:

H5BP = जब आप स्क्रैच से शुरू करना चाहते हैं । इस पहलू के बारे में, Initializr बिल्कुल देता है कि: एक barebone वेबसाइट और कुछ और नहीं।

बूटस्ट्रैप = ​​जब आप किसी टेम्पलेट से प्रारंभ करना चाहते हैं, तो बहुत सारे उपयोग करने योग्य टेम्पलेट्स हैं, उदाहरण के लिए वाणिज्यिक टेम्पलेट्स के लिए wrapbootstrap और 0 टेम्पलेट्स के लिए bootswatch

6

मैंने बूटस्ट्रैप का उपयोग शुरू कर दिया है और मैं कह सकता हूं: यह अब तक का सबसे अच्छा निर्णय है!

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

लेकिन बूटस्ट्रैप का उपयोग करने के बाद, स्टाइलशीट में 1 से 2 फाइलें शामिल हो गईं! अतिरिक्त पॉलिशिंग, संरेखण इत्यादि बिल्कुल पर थे, जब मैंने बूटस्ट्रैप क्लास और मार्क-अप को सही तरीके से लागू किया था।

और मेरी jQueryUI सुविधाओं का 9 0% (संवाद, टैब, आदि) अब बूटस्ट्रैप द्वारा प्रतिस्थापित किया गया है।

jQuery में, मुझे दस्तावेज़ तैयार होने पर कुछ init करने की आवश्यकता है; लेकिन बूटस्ट्रैप में, जब मैं अपना मार्क-अप लिखता हूं और ठीक से विशेषता देता हूं तो सब कुछ जादू की तरह काम करता है। मुझे jQuery पसंद आया, लेकिन बूटस्ट्रैप भी बेहतर है। केवल डाउनसाइज है बूटस्ट्रैप मॉड्यूल में jQuery की तुलना में बहुत व्यापक (और अच्छी तरह से नामित) API नहीं है।

मैंने HTML5 बॉयलरप्लेट का उपयोग नहीं किया है, लेकिन मैंने अनुमान लगाया है कि आपको अभी भी अपने वेब को अच्छे लगने के लिए स्टाइलशीट के बहुत सारे अधिकार हैं।

बूटस्ट्रैप के लिए जाएं। सीखना इतना आसान है, और इतना शक्तिशाली है! आप कभी पछतावा नहीं करेंगे।

+2

के लिए आधिकारिक "कस्टम बिल्डर" है बूटस्ट्रैप की मुख्य समस्या यह है कि यह सही ढंग से ie8 का समर्थन नहीं करता है। उदाहरण के लिए टैब काम नहीं करता है। और चूंकि ie8 Vista/7 का डिफ़ॉल्ट ब्राउज़र है, फिर भी यह एक लोकप्रिय ब्राउज़र है। – magallanes

+1

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

+0

@LuisAlvarado उन उपयोगकर्ताओं के बारे में क्या है जो अन्य ब्राउज़रों को डाउनलोड नहीं कर सकते हैं? –