सिमेंटिक-उई बनाम बूटस्ट्रैप [बंद]


107

जो उपयोग करने के लिए सबसे अच्छा है और यदि संभव हो तो, कृपया इन दोनों के अंतर (लाभ) और लाभ प्रदान करें।

सिमेंटिक-उई बनाम बूटस्ट्रैप मैं अपना यूआई बनाने की कोशिश कर रहा हूं और वास्तव में भ्रमित हूं कि क्या उपयोग करना है।

कृपया मुझे सबसे अच्छा सुझाव दें और यदि संभव हो तो उदाहरणों के साथ।

जवाबों:


62

मुझे लगता है कि अभी हम बूटस्ट्रैप और सिमेंटिक-यूआई के बीच अंतर नहीं देख सकते हैं, सिमेंटिक-यूआई नया है, इसलिए हमें समय तय करने देना होगा :)

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


2
मैं वास्तव में आपकी राय पसंद करता हूं, विशेष रूप से "बड़ी परियोजनाओं के लिए इसका उपयोग नहीं करेगा जो एक बड़ी प्रतिक्रिया और समर्थन पर निर्भर करता है"। क्योंकि मैं सिर्फ जहाज कूदने वाला था।
हवामहलौ

2
2 साल पहले, सेमेटिक यूआई बूटस्ट्रैप की तुलना में अधिक हल्का लग रहा था। लेकिन अब, एक नजर डालते हैं ...
हान

3
अच्छी तरह से मैं सहमत नहीं हूँ, पहली बार अर्थ-यूआई का उपयोग करने जा रहा im, और जो मैं देख रहा हूं, उसके लिए एक बड़ी परियोजना में होगा, मुझे यकीन है कि काफी अच्छी तरह से संभाल लेंगे।
पेड्रो

31

अगर आपको कोई आपत्ति नहीं है, तो मैं इस विषय में Zurb द्वारा फाउंडेशन (फिलहाल बूटस्ट्रैप का एकमात्र सही वैध विकल्प) जोड़ता हूं।

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

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

एक पूर्व-रिलीज़ के लिए मैं स्वीकार करता हूं कि मैं इस तरह के ढांचे के साथ अपना अगला वेब-ऐप बनाने पर विचार कर रहा हूं, लेकिन मुझे कुछ चिंताएं हैं:

  • क्या वह मोबाइल पहले बूटस्ट्रैप या फाउंडेशन की तरह है? जो मैं देख पा रहा हूं, वह ऐसा नहीं दिखता;
  • बूटस्ट्रैप के दो मान्य और प्रसिद्ध योगदानकर्ता हैं और फाउंडेशन को Zurb के पीछे मिला, सेमेटिकयूआई के बारे में क्या? यह पूर्व-रिलीज़ है, क्या हम अन्य रिलीज़ देखने वाले हैं?

इस तरह की गड़बड़ियों की वजह से मुझे लगता है कि फिलहाल किसी व्यवसाय / व्यावसायिक परियोजना के लिए इसका इस्तेमाल करने से बचना चाहिए, शायद बहुत निकट भविष्य में, लेकिन अगर आप इसे अपने निजी वेब-ऐप (जैसे मेरा) के लिए उपयोग करने की योजना बना रहे हैं, तो मैं लगता है कि यह एक बहुत अच्छा विकल्प है।

फिर यदि आप किसी भी कारण से बूटस्ट्रैप पर वापस जाना चाहते हैं, तो मुझे लगता है कि यह दर्दनाक नहीं है (सिमेंटिक घटकों में से कई बूटस्ट्रैप पर आधारित हैं)।


5
यह ध्यान देने योग्य है कि सेमीयूआई अपने नाम में अर्थ होने के बावजूद फाउंडेशन और बूटस्ट्रैप की तरह ही प्रस्तुतिकरण वर्ग के नामों का उपयोग करता है। मैं मानता हूं कि वर्ग के नाम कम सार हैं लेकिन वे उसी तरह से प्रस्तुत हैं। यदि आप रुचि रखते हैं तो फाउंडेशन 3/4 आपको सैस मिक्सिन्स का उपयोग करने की अनुमति देता है ताकि वास्तव में शब्दार्थ html / css बन सके। आप "सामग्री" के आधार पर एक आईडी सेट कर सकते हैं और फिर अपने Sass / Scss में उस आईडी पर Foundation Sass Mixins लागू कर सकते हैं।
JAMESSTONEco

4
सिमेंटिकयूआई का घटक डिजाइन आंख को पकड़ने वाला है। लेकिन ब्राउज़र संगतता के मामले में सिमेंटिकयू बूटस्ट्रैप के पीछे है। IE 7+ के साथ संगत बूटस्ट्रैप, लेकिन सिमेंटिकयूआई संगत केवल IE 9+
मैक्लोसेस क्रिएटिव

12
@McLosysCreative ईमानदार होने के लिए, इसे बूटस्ट्रैप के लिए अधिक दोष के रूप में देखा जा सकता है। मैं इस बात से सहमत हूं कि सभी HTML / CSS चौखटों में ब्राउज़र अनुकूलता की एक उचित मात्रा होनी चाहिए, लेकिन केवल कारण के भीतर। इस बिंदु पर, IE7 8 साल पुराना है, और पीछे 4 प्रमुख संस्करण हैं। यहां तक ​​कि Google अब आधिकारिक रूप से इसका समर्थन नहीं करता है। (वे केवल आधिकारिक तौर पर शीर्ष 5 ब्राउज़रों के नवीनतम 3 संस्करणों का समर्थन करते हैं) उस ध्यान में रखते हुए, यह उस दूर का समर्थन करने के लिए एक व्यर्थ प्रयास (और अतिरिक्त कोड) लगता है।
निकोलस समर्स

-19

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


1
शब्दार्थ-यूआई उत्तरदायी नहीं है?
अर्सलान अली

2
पूरे प्रोजेक्ट में उन्होंने px यूनिट का इस्तेमाल नहीं किया है, जबकि वे हर जगह उन्हें इस्तेमाल कर रहे हैं !!!
बावा जी

10
शब्दार्थ यूआई निश्चित रूप से उत्तरदायी है। आपको अपना उत्तर अपडेट करना चाहिए अन्यथा यह गलत है।
जेरिको

3
यह उत्तर निश्चित रूप से पुराना है। शब्दार्थ IS उत्तरदायी है।
लशै

शब्दार्थ-यूआई उत्तरदायी के लिए पैदा हुआ है।
जिओ ह्यानू
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.