2012-04-25 5 views
24

हम कई जटिल व्यवसाय/इंट्रानेट अनुप्रयोगों के विकास शुरू करने वाले हैं (बहुत सारे डेटा, कई फ़ंक्शन, व्यवस्थापक पैनल, सार्वजनिक उपयोग के लिए सरलीकृत होने की आवश्यकता नहीं है)। अपने फोन ब्राउज़र और टैबलेट पर वास्तविक काम करने वाले लोगों के आगमन के साथ .. उत्तरदायी डिजाइन और 508/एआरआईए पहुंच भी आवश्यकताओं के मिश्रण में रेंगते हैं।क्या आप एक इंट्रानेट/व्यवसाय ऐप के लिए ट्विटर बूटस्ट्रैप का उपयोग करेंगे?

हमें आउट-ऑफ-द-बॉक्स ट्विटर बूटस्ट्रैप (टीबी) (एक्स-ब्राउजर, jQuery, एचटीएमएल/सीएसएस टेम्पलेट, बहुत सारे सहायक कार्यों में बहुत कुछ पसंद है, इसलिए हमें HTML विशेषज्ञों की आवश्यकता नहीं है अच्छे दिखने वाले पेज बनाने के लिए, अन्य)। लेकिन, इसके लेआउट हमें कम से कम (एक स्क्रीन पर कुछ नियंत्रण/कम डेटा), संकीर्ण (960-चौड़ाई) डिज़ाइन की ओर ले जाने लगते हैं।

क्या यह हमारे लिए टीबी का उपयोग करने के लिए समझ में आता है अगर हम ब्लूटूथ और डिज़ाइन फैलाने जा रहे हैं? या .NET "व्यावसायिक अनुप्रयोग" के लिए उनके बेहतर सीएसएस/एचटीएमएल/जेएस टेम्पलेट्स/किट हैं? या कोई अन्य जो अभी भी पक्ष में है कि हमें विचार करना चाहिए?

+0

[कीपे] (http://keypay.com.au/) ने अभी सार्वजनिक रूप से लॉन्च किया है और बूटस्ट्रैप का उपयोग उनके इंटरफ़ेस के रूप में किया है :) – balexandre

उत्तर

27

आपको उस फ्रेमवर्क को चुनना है जिसे आप सहज महसूस करते हैं।

मुझे Bootstrap, jQuery UI और YUI Library दोनों पसंद हैं और उन्हें बहुत उपयोग करें। मैंने हाल ही में काम बदल दिया और मेरा पहला प्रोजेक्ट पूरे आंतरिक व्यवस्थापक एप्लिकेशन को बदलना था, और इसके लिए मैंने बूटस्ट्रैप चुना है।

बूटस्ट्रैपसाथ ASP.NET MVC में नॉकआउट और विस्तृत होना ...

सिर्फ बूटस्ट्रैप का उपयोग करने पर एक तंग के रूप में

... इस सेगमेंट में से किसी को देखते है:

enter image description here

और मुख्य नेविगेशन मेनू:

enter image description here


दूसरों मदद करने के लिए, मुख्य सूची है available on JsBin

यह एक सामान्य 3 कॉलम .span2 एक आवरण .super-menu बुलाया और कहा कि शैली के साथ के रूप में केवल चौड़ाई है है:

.super-menu { width: 480px; } 

चुड़ैल का अर्थ है: 3 x .span2 + 3 x margin-left = (3 x 140) + (3 x 20) = 480px

+0

jQuery UI लाइब्रेरी के लंबे समय तक उपयोगकर्ता के रूप में, मुझे बस बूटस्ट्रैप में रुचि मिली है (वास्तव में पिछले हफ्ते में)। मैं उत्सुक हूं कि आपने अपने ड्रॉपडाउन मेनू में उस लेआउट को कैसे प्राप्त किया! – BradBrening

+0

कोई भी सीएसएस में अपना रास्ता बदल सकता है और अपने स्वयं के नियम भी जोड़ सकता है, बूटस्ट्रैप और कोई अन्य सीएसएस फ्रेमवर्क केवल आपको उतना ही देता है, एक रचनात्मकता और सीएसएस ज्ञान जो चाहते हैं उससे अंतर को बंद कर सकता है और वे क्या प्रदान करते हैं- डिब्बा। – balexandre

+0

मुख्य मेनू के लिए विवरण के रूप में कोड जोड़ा गया। – balexandre

0

मैंने jQuery मोबाइल के साथ काम किया है और इसका आनंद लिया है। यहां एक प्रोजेक्ट है: http://2012barleadershandbook.philadelphiabar.org/

ऐसा लगता है कि विस्तृत करने के लिए आसान टेम्पलेट को छोड़ दिया गया है। http://jquerymobile.com/

आप वीडियो जोड़ रहे हैं तो FitVids की तरह कुछ का उपयोग करने के लिए याद: http://fitvidsjs.com/

0

नेट पत्रिका नाम हो गया है पिछले कुछ दिनों में काफी कुछ गिरा दिया।

एथन मार्कोट नाम foundation और Fluid Baseline Grid एक साक्षात्कार में गिरा दिया गया। कई और (व्यक्तिगत रूप से सूचीबद्ध करने के लिए बहुत सारे, आईएमओ) this round-up of tools for responsive web design में सूचीबद्ध थे।

13

विडंबना यह है कि मुझे लगता है कि बूटस्ट्रैप भी और सार्वजनिक-सामना वाले लोगों की तुलना में इंट्रानेट/व्यावसायिक ऐप्स के लिए उपयोगी है।

  • अनुरूप इंटरफेस
  • हैंडल सभी क्रॉस-ब्राउज़र, पार मंच ((एक "अद्वितीय" देखो की मांग सार्वजनिक स्थलों में से एक चोर हो सकता है):

    कुछ कारणों मैं आंतरिक एप्लिकेशन के लिए बूटस्ट्रैप का उपयोग कर प्यार

    मोबाइल) के मुद्दों आप

  • कुशल और लचीला
  • तेजी से बढ़ रही पारिस्थितिकी तंत्र, स्थिरता सुनिश्चित करता है समर्थन संसाधनों
  • आसानी से कस्टम हो सकता है साबित हो अपने आप के साथ सौदा करने के लिए होगा ised आपके व्यवसाय के लिए 'देखो और महसूस करें और फिर पुन: प्रयोज्य के लिए डेवलपर्स या टीमों के बीच साझा
  • निर्मित fluid application layout (अपने संकीर्ण/minimalistic डिजाइन चिंताओं का समाधान भी)
  • यह सुनिश्चित करने में इंटरफ़ेस चिंताओं और अधिक समय पर कम समय खर्च बिक्री इतिहास के 3 वर्षों से अधिक आपके SQL प्रश्नों को
  • चलाने के लिए 30 मिनट लगते हैं jQuery पर बनाए गए घटक। JQuery से प्यार नहीं करता कौन ??
  • यह कमाल का है :)

संपादित करें:

आप अधिक फैंसी प्लगइन्स और सुविधाओं के बारे में चिंतित हैं, Github repo लगभग 30,000 पर नजर रखने वालों की है और 5,000 से अधिक कांटे। जो भी आप सोच सकते हैं वह शायद किया जा रहा है या पहले ही पूरा हो चुका है - datepicker की तरह।

+0

मेरे नौसिखिया अवलोकनों के अनुरूप सभी और बहुत अच्छे अंक हैं। कभी-कभी jQuery UI में मिश्रण करने का अवसर, और जब आवश्यक हो तो घर के टुकड़े टुकड़े अच्छे लचीलेपन की पेशकश करनी चाहिए। उदाहरण के लिए, हमने ऐप में जेबॉस सीम के लिए एक राक्षस कॉम्प्लेक्स संपादन योग्य पेड़ घटक लिखा है जिसे हम बदल रहे हैं ... अब हम सबकुछ फिर से लिखना चाहते हैं, लेकिन आशा है कि किसी और के प्रारंभिक प्रयासों से शुरू करें। – JohnZastrow

-1

मुझे यह कहना होगा कि ट्विटर बूटस्ट्रैप अभी भी अधिक जटिल अनुप्रयोगों को लेने के लिए बहुत छोटा है। हालांकि यह हर रोज बढ़ रहा है, फिर भी यह बहुत सारे यूआई तत्वों को याद कर रहा है जो आसान सामग्री/डेटा प्लेसमेंट और संगठन के लिए अनुमति देता है - जैसे उचित डेटपिकर, सामग्री पर बेहतर नियंत्रण वाला सामग्री स्लाइडर (AJAX, वीडियो, ऑटो से सामग्री खींचना आकार बदलें, आदि ...), एक और उचित accordion जो जावास्क्रिप्ट (ऑटो ऊंचाई/चौड़ाई, होवर टॉगलिंग पर) के माध्यम से सामग्री पर बेहतर नियंत्रण की अनुमति देता है और यह अभी भी अन्य चीजों जैसे संवाद, एनिमेशन/प्रभाव और विजेट पर कमी है।

मैं आज भी अधिक परिपक्व ढांचे के साथ रहूंगा जो हमारे पास अभी भी jQuery UI या YUI लाइब्रेरी जैसे हैं और बूटस्ट्रैप को उन ढांचे में परिपक्व होने की प्रतीक्षा करें।

+3

बूटस्ट्रैप कुछ अच्छे जेएस घटकों के साथ एक सीएसएस ढांचा है। jQuery यूआई कुछ अच्छी सीएसएस स्थिरता के साथ एक जेएस घटक पुस्तकालय है। कुछ भी नहीं कहता है कि आप बूटस्ट्रैप वाले के बजाय jQuery UI प्लगइन का उपयोग नहीं कर सकते हैं। वास्तव में आपको bootstrap.js को शामिल करने की भी आवश्यकता नहीं है जब तक कि आप 'डेटा-विशेषता' शैली API पर भरोसा न करें। आपके द्वारा सूचीबद्ध अधिकांश चीजें करने के लिए तुच्छ है और कुछ मामलों में, कहने की कोई बात नहीं है [संवाद] (http://twitter.github.com/bootstrap/javascript.html#modals), आप पूरी तरह से गलत हैं। – Terry

+0

@Terry बूटस्ट्रैप पर उपलब्ध सभी घटकों के साथ मैं वास्तव में यह देखना चाहता हूं कि jQueryUI अभी क्या है। मैं यह नहीं मान रहा हूं कि बूटस्ट्रैप jQueryUI या YUI जैसा ही है, लेकिन यह उनके साथ भी नहीं कर सकता है कि आप उनके साथ क्या कर सकते हैं और इस तरह मैं इसे किसी ऐसे एप्लिकेशन पर कभी भी उपयोग नहीं करूंगा जिसके लिए बड़े पैमाने पर डेटा को पारित करने की आवश्यकता होगी, केवल वहां है संशोधन और लचीलापन के रास्ते पर पर्याप्त नहीं है। बूटस्ट्रैप के साथ मैं एक ग्रिड के अंदर फंस गया हूं कि मैं स्रोत को संशोधित किए बिना बंद नहीं कर सकता, और यह कि मेरे लिए पर्याप्त लचीला नहीं है। –

+0

@Terry उचित संगठन प्लगइन की कमी के साथ मिलकर, एक उचित संवाद प्लगइन (एक मोडल एक संवाद नहीं है, केवल एक रूप है, मैं एक सूचनात्मक संवाद प्राप्त करने में सक्षम होना चाहता हूं जो मुझे बातचीत करने की अनुमति देता है पृष्ठभूमि और एक मॉडल इसके विपरीत है, इसलिए पृष्ठभूमि - विंडोज संवाद सोचो)। एक भारी बूटस्ट्रैप उपयोगकर्ता के रूप में मैं अपनी पोस्ट के साथ खड़ा हूं, मैं भारी अनुप्रयोगों के लिए इसकी अनुशंसा नहीं करता हूं, मुझे बहुत अधिक काम करना है, मैं आसानी से 500-600 सीएसएस लाइनों में आंख कैंडी को फिर से बना सकता हूं और 3k + नहीं। –

संबंधित मुद्दे