क्या वेब फ्रेमवर्क जैसे बूटस्ट्रैप या एचटीएमएल 5 बॉयलरप्लेट एक डिजाइनर को कुछ भी प्रदान करते हैं (डेवलपर नहीं)?


27

ध्यान दें, यह विकास की तुलना में बहुत अधिक डिजाइन के बारे में है ।

मैं पूरी तरह से लिखे गए CSS और HTML के साथ स्क्रैच से साइट्स बनाता हूं।

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

आज शाम को, मैंने एक मूल HTML5 / CSS पृष्ठ को कोडित किया। लेआउट के मामले में वास्तव में कुछ भी नहीं है। बस एक कूद बंद बिंदु। बाद में मैंने बूटस्ट्रैप को उसी लेआउट के साथ देने का फैसला किया। यह एक सुंदर मानक 960px, हीरो इमेज पेज के साथ 3 कॉलम है।

पृष्ठ

जैसा कि मैं बूटस्ट्रैप में फेरबदल कर रहा हूं, यह मेरे साथ हुआ है कि मेरा 80% या अधिक समय यह सीखने में बिताया जा रहा था कि किसी चीज़ को किस कक्षा या आईडी पर लागू किया गया था, फिर उसे समायोजित करने के लिए सीएसएस में ढूंढना। यह स्पष्ट हो गया कि बूटस्ट्रैप मुझे किसी भी समय बचाने वाला नहीं था। वास्तव में, बूटस्ट्रैप * अत्यधिक टेम्प्लेटेड CSS के कारण उत्पादन समय में बहुत वृद्धि करेगा।

* ( "अत्यधिक टेम्प्लेटेड" से मेरा मतलब है कि सीएसएस का एक बड़ा सौदा है जो मैं शायद किसी भी दिए गए वेब साइट के लिए उपयोग नहीं करूंगा। ऐसा नहीं है कि पूरे पर अनावश्यक सीएसएस है। )

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

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

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

  • क्या कोई मेरे ऊपर बूटस्ट्रैप या एचटीएमएल 5 बॉयलरप्लेट के रूप में इस तरह के टेंपलेटिंग सिस्टम के महान गुणों को निकाल सकता है ?
  • क्या उन्हें आपके लिए मूल्यवान बनाता है?
  • क्या आप केवल आपके द्वारा उपयोग की जाने वाली प्रणाली से परिचित हैं ताकि आप इसे आसानी से नेविगेट कर सकें या क्या आपको अभी भी वस्तुओं का शिकार करना है?
  • यदि आप उनके बिना एक साइट का निर्माण कर सकते हैं?

2
+1 अच्छा प्रश्न मैं खुद इस बारे में उत्सुक रहा हूं लेकिन आपके पास अनुभव की मात्रा के पास कोई जगह नहीं है। तो मैं इसे एक नौसिखिया के लिए लाभ जानना चाहता था शुरू के रूप में आ रहा था। जब आप Dreamweaver का संदर्भ लेते हैं तो क्या आप इसका उपयोग करने की कोडिंग या WYSIWYG विधि के बारे में बात कर रहे हैं? मैं Dreamweaver का उपयोग करता हूं, लेकिन केवल कोड संपादक और कुछ भी स्वचालित नहीं है अगर मैं इसकी मदद कर सकता हूं।
brnnnrsmssn

मैं ज्यादातर उन लोगों का जिक्र कर रहा था जो डीडब्ल्यू के डिजाइन दृश्य का उपयोग करते हैं। कोड कोड है और यह मायने नहीं रखता कि आप क्या उपयोग करते हैं। हालांकि, मार्केटिंग के बावजूद, DW अभी भी मेरे अनुभव में कोड को फिर से लिखता है।
स्कॉट

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

1
मैक पर @horatio प्रसारण। विंडोज के बारे में नहीं कह सकते।
स्कॉट

@horatio Filezilla मैं FTP के लिए क्या सिफारिश करूँगा। ट्री दृश्य और सर्वर से और फ़ाइलों को सरल खींचें और ड्रॉप करें।
जॉन

जवाबों:


6

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

इनके बारे में अच्छी बात यह है कि इनके पास 'बूटस्ट्रैप' नहीं है, और लगता है कि डिज़ाइनर अपनी नौकरी (डिज़ाइन) को प्रोत्साहित करते हैं, जबकि वे जवाबदेही का ध्यान रखते हैं।

यहाँ इस लेख में चौखटे और अधिक जानकारी की एक बड़ी सूची दी गई है ।

जैसा कि उल्लेख किया गया है, मैंने शोध कार्य किया है, लेकिन उनका परीक्षण शुरू नहीं किया है, इसलिए किसी भी ढांचे की वकालत करने वाली टिप्पणी उपयोगी होगी।


कुछ महीनों पर - मैंने वास्तव में अपना स्वयं का 'ढांचा' बनाया है (वास्तव में यह सामान्य लेआउट विशेषताओं के साथ सिर्फ एक सीएसएस फ़ाइल है) मैंने बेस (ऊपर लिंक) के साथ शुरू किया था, लेकिन फिर बहुत सारे अनुकूलन जोड़े। बेस के बारे में अच्छी बात यह है कि इसका पता लगाना और एक ठोस शुरुआत के रूप में संदर्भित करना बहुत सरल था।
जॉन

11

फायदे मुख्य रूप से होते हैं:

  • रैपिड प्रोटोटाइप (यानी, गति)
  • अंतर्निहित क्रॉस ब्राउज़र संगतता

यदि आपको एक ग्रिड बनाने की आवश्यकता है, और जिस ग्रिड को आपको बनाने की आवश्यकता है वह पूर्व-निर्मित सीएसएस फ्रेमवर्क में फिट बैठता है, तो तर्क यह है कि आप फ्रेमवर्क का उपयोग करके वहां आधे रास्ते पर हैं।

सभी ने कहा, मैं आपसे सहमत हूं। CSS फ्रेमवर्क, IMHO, विज़ुअल डिज़ाइन टेम्प्लेट की तरह हैं, यदि वे आपके उद्देश्य के 90% से मिलते हैं, तो वे महान हैं, लेकिन यदि वे नहीं करते हैं, तो आप डिफ़ॉल्ट बनाम सिर्फ भवन बनाने में अधिक समय और प्रयास खर्च कर रहे हैं अपने खुद के खरोंच से।

परिशिष्ट:

मुझे एक और संभावित लाभ जोड़ना चाहिए:

  • यह एक प्रलेखित प्रणाली है

एक एंटरप्राइज़ वातावरण में, जहां आपके पास कई फ्रंट एंड डेवलपर्स हो सकते हैं, और प्रोजेक्ट में कई वर्षों तक फ्रंट एंड डेवलपर्स की कई अलग-अलग टीमें हो सकती हैं, जिसमें डॉक्यूमेंटेड अंतर्निहित प्रेजेंटेशन लेयर फ्रेमवर्क मदद कर सकता है।

यह कहना है कि आपके अपने घर-निर्मित ढांचे का दस्तावेजीकरण नहीं किया जा सकता है, यह सिर्फ इतना है कि प्रलेखन अक्सर प्राथमिकता नहीं है।


11

मैं HTML5 बॉयलरप्लेट से परिचित हूं, लेकिन मैं बूटस्ट्रैप से अधिक परिचित हूं, इसलिए मैं इसके बारे में बात करूंगा। याद रखें कि दोनों दो अलग-अलग कार्यों के लिए तैयार हैं, (H5BP एक उत्तरदायी सामान्यीकृत टेम्पलेट है, बूटस्ट्रैप HTML / CSS / JS विगेट्स और एक उत्तरदायी ग्रिड का एक संग्रह है।) वास्तव में इनका एक साथ उपयोग किया जा सकता है

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

सादृश्य यहाँ विफल रहता है क्योंकि आपके पास बूटस्ट्रैप स्रोत तक पूरी पहुँच है। यदि आपको पसंद नहीं है कि कुछ कैसे काम करता है, तो आप इसे बदल सकते हैं। मेरे लिए यह एक बैसाखी के विपरीत है - आप सीएसएस तकनीकों को सीखने के लिए स्रोत कोड का उपयोग कर सकते हैं ।

मैं इस बात से सहमत नहीं हूं कि "वेबसाइट डिजाइन करना" धातु के करीब होना चाहिए जो मुझे विश्वास है कि सी कोडर्स को विधानसभा भाषा का अंतरंग ज्ञान होने की आवश्यकता है। हालाँकि यह भी कि सादृश्य सपाट हो जाता है क्योंकि HTML / CSS को समायोजित करना केवल चयनकर्ताओं को विस्तार देने और आपको जो कुछ भी आवश्यक है उसे जोड़ने की बात है।

क्या कोई मेरे ऊपर बूटस्ट्रैप या एचटीएमएल 5 बॉयलरप्लेट जैसे टेंपलेटिंग सिस्टम के महान गुणों को निकाल सकता है?

मेरे लिए बूटस्ट्रैप की हत्यारा सुविधा, विजेट स्टाइल और जावास्क्रिप्ट घटकों को लागू करने के लिए सुसंगत और आसान है। बटन की तरह दिखने के लिए लिंक चाहिए? '.Btn' वर्ग जोड़ें। टेबल चाहिए? '.Table' वर्ग जोड़ें। एक नेविगेशन तत्व चाहते हैं? एक अनियंत्रित सूची सेट करें और नेविगेशन कक्षाएं जोड़ें।

डेटा-एट्रिब्यूट वाले तत्वों में ड्रॉपडाउन, पॉपओवर, अलर्ट आदि आसानी से जुड़ जाते हैं। बूटस्ट्रैप में माउस का बहुत अच्छा दिखने वाला सेट शामिल होता है जिसे आसानी से विजेट में एकीकृत किया जा सकता है।

क्या उन्हें आपके लिए मूल्यवान बनाता है?

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

क्या आप केवल आपके द्वारा उपयोग की जाने वाली प्रणाली से परिचित हैं ताकि आप इसे आसानी से नेविगेट कर सकें या क्या आपको अभी भी वस्तुओं का शिकार करना है?

बूटस्ट्रैप की सबसे बड़ी विशेषताओं में से एक इसकी उत्कृष्ट प्रलेखन है । मैं इसे आसानी से नेविगेट कर सकता हूं और सीएसएस चयनकर्ता सहज और याद रखने में आसान हैं।

यदि आप उनके बिना एक साइट का निर्माण कर सकते हैं?

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


"अगर आपको पसंद नहीं है कि कुछ कैसे काम करता है, तो आप इसे बदल सकते हैं।" <- इसका मतलब है कि आप इस परियोजना को कांटा करने के लिए मजबूर हैं (और अपने अद्वितीय कांटे को बनाए रखें) या अपने अंतिम सीएसएस को उन सभी चीजों को परेशान न करें जो आप नहीं चाहते हैं। "आप सीएसएस तकनीकों को सीखने के लिए स्रोत कोड का उपयोग कर सकते हैं" <- बहुत सारी खराब सीएसएस तकनीकों को जानें ।
०१ पर सिमोनन

@ साइमन ब्लोट ने सीएसएस को परेशान किया? नहीं, हास्यास्पद मत बनो! आप अपने स्वयं के बूटस्ट्रैप कोड को केवल उन घटकों को संकलित कर सकते हैं जिनमें आपको आवश्यक घटक शामिल हैं। मुझे यह जानने में काफी दिलचस्पी होगी कि कौन सी CSS तकनीकें जो बूटस्ट्रैप टीम का उपयोग कर रही हैं, "खराब" हैं। किसी भी बारीकियों, या आप बस ranting कर रहे हैं और आम तौर पर सीएसएस फ्रेमवर्क के खिलाफ पूर्वाग्रहित?
गप्पे

@ghoppe क्या आपने अभी बाकी सब कुछ छोड़ दिया जो मैंने कहा था? आपको उन चीजों को या तो चुनना होगा जो आप नहीं चाहते हैं (और मुझे केवल उन सभी मॉड्यूल से मतलब नहीं है जो आप नहीं चाहते हैं, लेकिन विशिष्ट तत्वों पर विशिष्ट शैलियों) या उन्हें ओवरराइड करें। <i>"आइकन" के लिए तत्व के उपयोग को बढ़ावा देना बहुत भयानक है। असमान वर्ग के नाम। Classitis। फ़ॉन्ट आकार के लिए पिक्सेल का उपयोग करना। सच में, मैं पर और पर जा सकते हैं। वे शाब्दिक रूप से उन सभी सर्वोत्तम प्रथाओं के खिलाफ जा रहे हैं जो हर कोई पिछले एक दशक से प्रचार कर रहा है।
सिमनमन

1
@cimmanon <i>तत्व एक बुरा विचार था, यही वजह है कि उन्होंने इसे संस्करण 3 के साथ करना बंद कर दिया है। हां, ग्रिड शब्दार्थ नहीं है, लेकिन आपको इसका उपयोग करने की आवश्यकता नहीं है, या आप अपने स्वयं के प्रीप्रोसेस करने के लिए LESS / SASS का उपयोग कर सकते हैं। ग्रिड शैलियों के साथ शब्दार्थ चयनकर्ता। इस बारे में बहुत चर्चा है कि px / em को क्यों चुना गया। जिस तरह से आधुनिक ब्राउज़र पैमाने को वेबपेज करते हैं वह समस्या लगभग वैसी नहीं है जैसी कि कट और सूख जाती थी। प्रत्येक CSS फ्रेमवर्क में ओवरराइडिंग स्टाइल की आवश्यकता होती है, जो CSS प्रीप्रोसेसर का उपयोग करने का एक अच्छा कारण है।
गप्पे

1
@cimmanon आलोचना के लिए निश्चित रूप से जगह है, लेकिन मेरे लिए अच्छे बुरे को रेखांकित करता है, और कई साइटों के लिए यह एक अच्छा प्रारंभिक उत्तरदायी आधार है।
गप्पे

7

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

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

अंत में, मुझे HTML / CSS चौखटे प्रतिबंधक खोजने हैं; मैं एक नियंत्रण सनकी के लिए पर्याप्त हूं जिसे मैं अभी भी हाथ से कोड करना पसंद करता हूं जब मैं कर सकता हूं। लेकिन, मैं इस तथ्य का सम्मान करता हूं कि इन टेम्पलेट / रूपरेखाओं को स्थापित करने के लिए लोगों की तुलना में अधिक समय तक होशियार और अधिक उन्नत लोग मेरे साथ हैं।


1
अपना खुद का रोल करने पर अच्छी बात है। इसी तरह, मैं कम या एसएएस के बारे में जानता हूं, लेकिन सीएसएस में चर को PHP के माध्यम से संभालना होगा। इसलिए .. तो मैं किसी भी चीज़ के लिए रूबी को कूदना नहीं चाहता। "विकास" के पक्ष में बहुत अधिक अतिक्रमण नहीं करना चाहते, बस अपने जीवन को आसान बनाना चाहते हैं :)
स्कॉट

@ सच - गोटचा मैंने केवल रूबी का उल्लेख किया क्योंकि मैंने पहली बार एक बूट वातावरण में बूटस्ट्रैप की कोशिश की थी, और मुझे यह पसंद आया कि आप नए संस्करण को फिर से इकट्ठा किए बिना मक्खी पर मास्टर चर को बदल सकते हैं।
ब्रेंडन

2
@ सच का मामला हो सकता है "यदि आपके पास एक हथौड़ा है, तो सब कुछ एक नाखून जैसा दिखता है" - निश्चित रूप से आप सीएसएस चर को संभालने के लिए php का उपयोग कर सकते हैं, लेकिन तब आप एक अनावश्यक प्रदर्शन हिट ले रहे हैं। आप LESS या SASS के साथ वैरिएबल को प्री-कंपाइल कर सकते हैं। मुझे लगता है कि PHP भर में पढ़ने की तुलना में कम आसान है। :)
ghoppe

@ghoppe अंडरस्टूड :) लेकिन रंगों के लिए एक PHP पृष्ठ के शीर्ष पर चर की एक सूची है, तो बस सीएसएस चयनकर्ताओं में उन चर का उपयोग करने से मेरे अनुभव में LESS या SASS की तुलना में जीवन की राह आसान हो जाती है। और हाँ, मुझे एहसास है कि php बड़ी संरचनाओं के लिए प्रदर्शन प्रस्तुत करता है, लेकिन मैं ज़रूरत पड़ने पर एक मानक .css फ़ाइल का उपयोग करने के लिए थूक सकता हूं (अपनी खुद की LESS वास्तुकला की तरह)। मुझे लगता है कि एक नया मार्कअप अनिवार्य रूप से पढ़ने के लिए LESS को थोड़ा और मुश्किल लगता है। HTML / CSS / PHP यहाँ बहुत परिचित है।
स्कॉट

@ सच में मैं पूरी तरह से आपको नए मार्कअप सीखने के साथ मिलता हूं। इसलिए मुझे SASS पसंद है। यह अनिवार्य रूप से सीएसएस का केवल एक विस्तार है, आपको एक नया वाक्यविन्यास सीखने की ज़रूरत नहीं है, बस आपको आवश्यक नई सुविधाएँ (जैसे चर या मिश्रण)। सुपर आसान।
गप्पे

6

क्या आपकी रुचि किसी बड़ी कंपनी के लिए बड़ी टीम में काम करती है?

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

इसके अलावा .. बूटस्ट्रैप जैसे चौखटे के साथ, वे लगातार इसे अधिक स्क्रीन आकार, अधिक उपकरणों और बेहतर सुविधाओं का समर्थन करके अपडेट कर रहे हैं, जैसे कि हमारी कंपनी (जहां हम बूटस्ट्रैप का उपयोग करते हैं) यह अनिवार्य रूप से सहेजे गए पैसे के लिए आता है।

अब तक के कुछ जवाबों को पढ़कर, वे बहुत ही संकीर्ण सोच वाले लगते हैं, मैं यह मान रहा हूं कि अधिकांश उत्तर अकेले या बहुत छोटी टीमों में काम करने वाले लोगों और छोटी परियोजनाओं पर होते हैं, जहां इस तरह की बात आम तौर पर नहीं होती है। ।


मेरा जवाब देखिए। :)
DA01

.. और इसीलिए मैंने पूछा। मैं एक बड़े विकास के माहौल में काम नहीं करता। मुझे संदेह है कि अगर मैंने किया तो मेरी राय अलग होगी।
स्कॉट

4

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

मैं अभी भी निम्नलिखित कारणों से अपना कोड लिखना पसंद करता हूं:

  • मैंने जो पहले ही लिखा है, उससे परिचित होना। अगर मुझे कुछ भी बदलने की ज़रूरत है, तो मुझे पता है कि यह कहाँ है;

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

  • विभिन्न उपकरणों के लिए अनुकूलित दृश्य।

जब तक आप एक बहुत ही सीमित पृष्ठ नहीं बना रहे हैं, आप नए तत्वों में अधिक से अधिक शैलियों को जोड़ेंगे, और मौजूदा लोगों को अधिलेखित करेंगे।

क्योंकि मैं उत्तरदायी डिजाइनों के साथ काम करना पसंद करता हूं, इसका मुख्य कारण है कि मैं उनका उपयोग नहीं करूंगा क्योंकि मैं प्रत्येक उत्तरदायी कदम को "अलग-अलग" और एक पूरे के रूप में डिजाइन करना पसंद करता हूं। और ये टेम्पलेट आमतौर पर अधिक या कम कठोर ग्रिड के साथ काम करते हैं जिन्हें आप पूरी तरह से ट्विस्ट नहीं कर सकते।


1
यह वही है जो मैं सोच रहा था। और क्यों मैंने बूटस्ट्रैप के साथ एक स्टैब लेने का फैसला किया। सिस्टम की जवाबदेही फायदेमंद हो सकती है। लेकिन यह संरचना के सीखने की अवस्था से लगभग प्रभावित है। ब्रेंडेन अपने जवाब में "अपनी खुद की संरचना" को रोल करने के संबंध में एक अच्छा बिंदु पेश करता है।
स्कॉट

4

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

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

ट्विटर बूटस्ट्रैप जैसे फ्रेमवर्क का उपयोग करके, आप वास्तव में डिजाइन में रहते हुए भी पृष्ठों का परीक्षण कर सकते हैं और यहां तक ​​कि प्रयोज्य मुद्दों और अन्य कंप्यूटर अनुभव चुनौतियों को भी उजागर कर सकते हैं। फ्रेमवर्क में बहुत सारे पुन: प्रयोज्य वर्ग हैं जिनसे आप परिचित होंगे और समय बचाएंगे।

आपने उल्लेख किया है कि आप स्क्रैच से बहुत कोड करते हैं। जब मेरे पास कुछ ऐसा होता है जिसे बहुत ही कस्टम या बहुत हल्के वजन की आवश्यकता होती है, तो मैं कंकाल के साथ जाता हूं


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

3

वर्षों तक, मैं सब कुछ नियंत्रित करता था, लेकिन आजकल मैं बूटस्ट्रैप का उपयोग करता हूं। मैं वह क्यों करूं?

  1. मुझे बहुत कम काम के साथ एक उत्तरदायी लेआउट मिलता है। जिन वेबसाइटों पर मैं काम कर रहा था, उनमें से कुछ में, टैबलेट और मोबाइल-अनुकूलित लेआउट प्राप्त करने के लिए बस कुछ मामूली ट्वीक की आवश्यकता होती है। उत्तरदायी नावबार मेरे पसंदीदा बूटस्ट्रैप घटक में से एक है।
  2. डिफ़ॉल्ट नियंत्रण ब्राउज़र और ओएस के बीच संगत नहीं है, यह उल्लेख करने के लिए नहीं कि वे सभी हमेशा बदसूरत हैं जो भी ओएस या ब्राउज़र आप उपयोग कर रहे हैं। बूटस्ट्रैप के साथ, आपको एक सभ्य, सुसंगत रूप मिलता है और थोड़ा काम महसूस होता है। यदि आप वैसे भी सभी नियंत्रणों को बहाल करना चाहते हैं, तो हाँ, बूटस्ट्रैप आपको अधिक समय नहीं बचाएगा, लेकिन मेरे अनुभव में, अधिकांश समय आपके पास प्रत्येक नियंत्रण को पुनर्स्थापित करने के लिए पर्याप्त समय नहीं होगा, लेकिन फिर भी बदसूरत डिफ़ॉल्ट द्वारा चिढ़ महसूस होगा। नियंत्रित करता है।
  3. यह एक सीमा रखता है कि आप क्या करना चाहते हैं, जो एक अच्छी बात है, क्योंकि शुद्ध सीएसएस में काम करते समय आप हर छोटे सामान (रंग, सीमा की मोटाई, ढाल, छाया, सीमा त्रिज्या) को ट्विस्ट करना चाहते हैं। संक्रमण, और सूची जारी होती है), जबकि व्यक्तिगत रूप से उन्हें थोड़ा समय लगता है, कुल मिलाकर यह एक प्रमुख समय है। जब आप समय सीमा के साथ परियोजनाओं पर काम कर रहे हैं, तो आप सीमित कर सकते हैं कि आप क्या कर सकते हैं और क्या नहीं; फ्रेमवर्क का उपयोग करने से आपको सीएसएस गुणों के बजाय मोटे अनाज वाले घटकों में सोचने की सुविधा मिलती है।
  4. कुछ सर्वर साइड फ्रेमवर्क में बूटस्ट्रैप के साथ एकीकरण है। उदाहरण के लिए, django-बूटस्ट्रैप का उपयोग करते समय, आप केवल {{ form|as_bootstrap }}स्टाइल बूटस्ट्रैप-शैली के फॉर्म प्राप्त करने के लिए कर सकते हैं, जिसमें त्रुटि संदेशों पर लाल-हाइलाइट शामिल हैं, आदि।

जैसा कि मैं बूटस्ट्रैप में फेरबदल कर रहा हूं, यह मेरे साथ हुआ है कि मेरा 80% या अधिक समय यह सीखने में बिताया जा रहा था कि किसी चीज़ को किस कक्षा या आईडी पर लागू किया गया था, फिर उसे समायोजित करने के लिए सीएसएस में ढूंढना।

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

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

पूर्व-कॉन्फ़िगर फ्रंट-एंड पैकेज में से किसी का उपयोग करने का मतलब है कि मुझे अपने स्वयं के भरोसे के बजाय उनके नामकरण सम्मेलनों और उनकी संरचना को सीखने की आवश्यकता है।

यह वास्तव में एक लोकप्रिय पैकेज का उपयोग करने का एक फायदा है। किसी अन्य डेवलपर को एक प्रोजेक्ट को सौंपना आसान है जब आप दोनों जानते हैं कि "बीटीएन-ग्रुप", "बीटीएन बीटीएन-लार्ज" क्या करता है, व्यक्तिगत रूपरेखा के साथ उन्हें आपकी ख़ासियत (या अधिक सामान्य) सीखना होगा, वे बस कैस्केड करेंगे उनके परिवर्तनों के साथ आपका सीएसएस, और आपके कोड को समझने या संशोधित करने की कोशिश करने के लिए परेशान नहीं)।

क्या आप केवल आपके द्वारा उपयोग की जाने वाली प्रणाली से परिचित हैं ताकि आप इसे आसानी से नेविगेट कर सकें या क्या आपको अभी भी वस्तुओं का शिकार करना है?

सामान्य जैसे बीटीएन, टेबल, पंक्ति *, स्पैन *, आदि स्वाभाविक होंगे। लेकिन प्रमुख घटकों के लिए html के लिए, उन्हें टाइप करने के बजाय उनके उदाहरणों से कॉपी-पेस्ट करना बहुत तेज़ है।

यदि आप उनके बिना एक साइट का निर्माण कर सकते हैं?

वहाँ किया गया है, कई बार किया है।


क्षमा करें, मैं इस उत्तर को अनिवार्य रूप से "वेब साइट डिजाइन करने के बजाय मेरे लिए बूटस्ट्रैप डिजाइन" बताता हूं। एक डिजाइनर के रूप में, यही वह जगह है जहां मुझे लगता है कि बूटस्ट्रैप विफल रहता है। यदि आपका बूटस्ट्रैप सब कुछ स्टाइल करने के लिए निर्भर करता है, तो आप बूटस्ट्रैप पर भरोसा कर रहे हैं ताकि आप के लिए डिजाइन कर सकें। अनिवार्य रूप से आप पृष्ठ लेआउट कर रहे हैं, डिज़ाइन नहीं।
स्कॉट

@ सेट: यह सही है, मैं ग्राफिक डिजाइनर नहीं हूं; मैं एक ऐसी वेबसाइट की परवाह करता हूं जो काम करती है और इसे जल्दी से बनाने में सक्षम है, और इस बारे में कम है कि यह उस सटीक रंग को चित्रित किया जा रहा है जिसे मैं चाहता था।
रेयान

काफी उचित। (लेकिन इस साइट का नाम दिया गया ....) मैं विकास के बारे में नहीं पूछ रहा हूं। मैं डिजाइन के बारे में पूछ रहा हूं। मैं अपने "डिजाइनर" के रूप में बूटस्ट्रैप का उपयोग कर समझ में हालांकि, अगर आप कर रहे हैं एक डिजाइनर, बूटस्ट्रैप केवल संरचना प्रदान करता है। मैं एक prepackaged संरचना में मूल्य देखने के लिए मुश्किल हो रहा हूँ मैं बस डिब्बाबंद उपस्थिति बेहतर करने के लिए फिर से लिखना होगा। अपनी खुद की .bn क्लास बनाना और इसे स्टाइल करना वास्तव में काफी आसान है। एक डिजाइनर के रूप में मदों की सीएसएस उपस्थिति में बहुत कम मूल्य है।
स्कॉट

आप ऐसा कार्य करते हैं जैसे आप एक घंटे में बूटस्ट्रैप लिख सकते हैं। :)
११:१३ बजे

नहीं, बिलकुल नहीं। लेकिन मैं कुछ कैन्ड पैकेज का उपयोग करने की बजाय कस्टम उपस्थिति पर अधिक समय बिताता हूं, जहां हर साइट समान दिखती है। मुझे उम्मीद नहीं है कि सभी डेवलपर्स "प्राप्त" करेंगे। और रिकॉर्ड के लिए, बूटस्ट्रैप वह शामिल या जटिल नहीं है । यह केवल रिवाज है जिसे सीखने के लिए ट्वेंटर्स नामकरण परंपराओं की आवश्यकता होती है।
स्कॉट

2

वे केवल इसके लिए अच्छे हैं:

  1. ऐसे डिज़ाइनर जो कोडिंग के साथ पारिवारिक नहीं हैं, लेकिन अपने डिज़ाइनों को एक साइट पर लाने के लिए एक समाधान चाहते हैं।
  2. किसी के लिए लाइन उत्पादन को स्ट्रीम करने का एक तरीका जो अपने स्वयं के ढांचे का निर्माण नहीं करना चाहता है।

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

संपादित करें: अपने धागे को हाईजैक करने की कोशिश नहीं कर रहा हूं, लेकिन मैं भी उसी चीज के बारे में सोच रहा हूं, लेकिन वर्डप्रेस के संबंध में। मैंने हल्के से वर्डप्रेस का उपयोग किया है लेकिन मुझे नहीं पता कि क्या कोई रूपरेखा फायदेमंद है। मैंने पुराने तरीके से जाने की योजना बनाई है जब तक कि मुझे कोई बड़ा लाभ नहीं मिल जाता।


3
वर्डप्रेस उन लोगों के लिए फायदेमंद है जो PHP को नहीं जानते हैं, PHP में आर्किटेक्चर में प्लग चाहते हैं, या उपयोगकर्ता / सुरक्षा प्रणाली चाहते हैं। मैं सीएसएस सिस्टम में पूरे सीएसएस टेम्प्लेट के लिए कहीं अधिक लाभ देखता हूं । Wordpress का उपयोग फ्रंट-एंड के बारे में नहीं है, यह बैक-एंड के बारे में है।
स्कॉट

0

उत्तरदायी लेआउट के लिए शुरुआती बिंदु के रूप में बूटस्ट्रैप अच्छा है। लेकिन जहां तक ​​डिजाइन जाता है मुझे लगता है कि इसकी बहुत कमी है। यह अपनी तरह का 'बूटस्ट्रैपी' लुक देता है, क्योंकि इसका टेम्प्लेट अत्यधिक इस्तेमाल किया जाता है।

लेकिन आपको यह ध्यान में रखना होगा कि बूटस्ट्रैप किसके लिए बनाया गया था, यह ट्विटर द्वारा निर्मित घर एप्लिकेशन में स्थिरता लाने के लिए था, और यदि आप इसके लिए इसका उपयोग करना चाहते थे, या यहां तक ​​कि अगर आपका डेवलपर जो जल्दी से वहाँ वेब तैयार करना चाहता है बहुत सोचा बिना एप्लिकेशन, शायद एक एमवीपी या प्रोटोटाइप के रूप में इसका वास्तव में एक महान उपकरण है।

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