सामग्री डिजाइन [बूट बंद] बूटस्ट्रैप का चयन


181

मैं AngularJS (पूर्ण स्टैक) का उपयोग करके नई परियोजना शुरू करने जा रहा हूं। मेरी परियोजना को उत्तरदायी बनाने की आवश्यकता है और मैं स्क्रैच से टेम्पलेट बनाऊंगा।

इसलिए मुझे इस बारे में एक सलाह की आवश्यकता है कि क्या बूटस्ट्रैप 3 (कोणीय निर्देशों के साथ) या लेआउट के लिए सामग्री डिजाइन चुनना है?

मैं बहुत सराहना करता हूँ अगर कोई दोनों के पेशेवरों और विपक्षों की सूची दे सकता है।



1
बूटस्ट्रैप के पीछे एक शक्तिशाली समुदाय है। इसकी ग्रिड प्रणाली में अधिक विशेषताएं हैं। सामग्री का डिज़ाइन आपके ui और शैलियों के विकास के तरीके को निर्धारित करता है। इसमें आधुनिक यूआई तत्व हैं। आप यहां और अधिक पढ़ सकते हैं tutorialzine.com/2015/07/comparing-bootstrap-with-mdl
हर्षित सबरी

2
यदि आपको IE8 / 9 का समर्थन करना चाहिए तो सामग्री डिज़ाइन काम नहीं करेगा क्योंकि यह Flexbox ग्रिड लेआउट का उपयोग करता है। मैं अब भी कोणीय यूआई बूटस्ट्रैप के साथ जाऊंगा क्योंकि यह सामग्री डिजाइन की तुलना में बहुत अधिक परिपक्व है जिसमें बहुत सारे कीड़े हैं ...
पास्कल

देव वातावरण भी एक विचार हो सकता है। विजुअल स्टूडियो 2015 में, बूटस्ट्रैप परिपक्व और अच्छी तरह से समर्थित है। मुझे ऐसा नहीं लगा कि यह सामग्री के लिए है और इसलिए मैं इस बिंदु पर इसका उपयोग नहीं कर रहा हूं। यह देखने के लिए दिलचस्पी होगी कि क्या VS2015 का उपयोग करने वाले अन्य लोगों के पास यह निष्कर्ष है।
CYoung

मैं यह कहना चाहता हूं कि एमडी की इनलाइन शैली एक दर्द है। मैं यह भी नहीं चाहता कि जब बीएस को मेरी जरूरत हो तो दोनों को मिलाएं। मुझे एमडी बहुत पसंद है लेकिन जब तक यह अधिक परिपक्व नहीं होगा और इनलाइन शैलियों से छुटकारा पा लेगा (जो मैंने कहीं पढ़ा था वे काम कर रहे थे, हालांकि मैं अब इसे नहीं ढूंढ सकता)।
स्टीवेरीनो

जवाबों:


153

जहाँ तक मुझे पता है आप सभी उल्लेखित तकनीकों का अलग-अलग या एक साथ उपयोग कर सकते हैं। यह आप पर निर्भर करता है। मुझे लगता है कि आप समस्या को गलत कोण से देखते हैं। मैटेरियल डिज़ाइन, पृष्ठ के विशेष तत्वों को डिज़ाइन करने, व्यवहार करने और एक साथ रखने का तरीका है। मटेरियल डिज़ाइन बेहतरीन UI / UX प्रदान करता है, लेकिन यह JS (इवेंट्स, इंटरैक्शन) के बजाय ग्राफिक लेआउट (HTML / CSS) पर निर्भर करता है।

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

  1. बूटस्ट्रैप = उत्तरदायी पृष्ठ
  2. AngularJS = MVC
  3. सामग्री डिजाइन = महान यूआई / यूएक्स

आप AngularJS के लिए भयानक सामग्री डिजाइन घटकों की जांच कर सकते हैं :

https://material.angularjs.org


यहां छवि विवरण दर्ज करें

डेमो: https://material.angularjs.org/latest/demo/ यहां छवि विवरण दर्ज करें


4
यह एक उपयोगी साइट भी हो सकती है: materialup.com/resources , जो सामग्री डिज़ाइन फ़्रेमवर्क, incl का अवलोकन देता है। fezvrasta.github.io/bootstrap-material-design
Mathias

3
@MathiasConradt पहला URL अब मौजूद नहीं है। मुझे लगता है कि आप का मतलब है materialup.com/posts/c/resources
बर्नार्ड

11
यह बहुत सटीक विवरण नहीं है ... सामग्री और बूटस्ट्रैप दोनों एक उत्तरदायी डिजाइन और महान यूआई / यूएक्स प्रदान करते हैं। लगता है एमडी मोबाइल व्यूअरशिप की ओर अधिक अनुरूप है।
व्लादिमीर

2
कोणीय सामग्री से सामग्री के डिजाइन को अलग करना महत्वपूर्ण है । सामग्री डिजाइन एक डिजाइन भाषा है , कोणीय सामग्री सिर्फ एक यूआई घटक पुस्तकालय है जो एमडी का उपयोग करती है। मुझे यकीन है कि आप सामग्री डिज़ाइन का उपयोग करने वाले बूटस्ट्रैप थीम और एक्सटेंशन पा सकते हैं।
जेन्स

1
मैं @Jens ऊपर गूँजना चाहूँगा। मैं अपने निपटान में बूटस्ट्रैप के लचीलेपन और परिचित होने के दौरान सामग्री के रूप और यूआई प्रभाव को पसंद करना चाहूंगा। मुझे लगता है कि यह पसंद की बात है।
युसोफ के।
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.