यह देखते हुए कि ट्विटर बूटस्ट्रैप को उत्तरदायी/डिवाइस-अनुकूल होने के लिए डिज़ाइन किया गया है, यह सापेक्ष फ़ॉन्ट आकार का उपयोग क्यों नहीं करता है?ट्विटर बूटस्ट्रैप फ़ॉन्ट आकार के लिए पिक्सल का उपयोग क्यों करता है?
अच्छा लगता है कि वे hiding behind the browser zoom excuse हैं। इस तरह के भारी उपयोग और प्रभावशाली रूपरेखा को देखने के लिए वास्तव में दुखी है, जो सुलभता मुद्दों और उत्तरदायी डिजाइन की मौलिक आधारशिला को पूरी तरह से अनदेखा करता है। वे बड़ी ज़िम्मेदारी की स्थिति में हैं और दुर्भाग्य से तदनुसार अभिनय करने का कोई इरादा नहीं है।
[अपडेट] तो आज मार्क ओटो ने ऊपर दिए गए धागे पर जवाब दिया। जाहिर वहाँ पहुंच और वाक्यांश 'पिक्सेल सही' के उपयोग का कोई जिक्र नहीं है:
ठीक है, तो यहाँ पहल साल के निर्णयों और आगे बढ़ने के लिए योजनाओं पर एक पृष्ठभूमि का एक सा है।
पिक्सेल प्रत्येक ब्राउज़र पर पूर्ण नियंत्रण और लगातार प्रतिपादन प्रदान करते हैं।
डिजाइनर अभी भी ज्यादातर पिक्सल में सोचते हैं और काम करते हैं।
ब्राउज़र इन दिनों पूरे पृष्ठों को स्केल करें, इसलिए यह स्केलिंग या कुछ भी प्रकार के साथ कोई समस्या नहीं है।
ऐतिहासिक रूप से नेस्टिंग ईएमएस एक दर्द रहा है और आंकड़े गणना/इच्छित पिक्सेल मानों के लिए अतिरिक्त गणित की आवश्यकता हो सकती है।
माप की इकाइयों को मिलाकर बदसूरत है और मेरा आंतरिक ओसीडी इससे नफरत करता है। लाइन-ऊंचाई पर इकाइयों का उपयोग आम तौर पर निराश होता है, लेकिन गणना की गई मान के बारे में तुरंत ज्ञान प्रदान करता है। हम शायद भविष्य में को दूर करने की कोशिश करेंगे। भविष्य में, हम आकार के आकार के लिए ईएमएस का उपयोग करेंगे, शायद यहां तक कि rems, लेकिन किसी और चीज़ के लिए नहीं। यह इनपुट और इसी तरह के फ़ॉन्ट आकारों पर भी बहस योग्य है। यह सिर्फ इतना नहीं है कि लोग पिक्सेल सही साइटों का निर्माण कैसे करते हैं।
यह थोड़ा सा है और उम्मीद है कि पर्याप्त रूप से सुसंगत है। मैं इन परिवर्तनों के बारे में ब्लॉग करने की कोशिश करूंगा क्योंकि वे अधिक आते हैं, लेकिन मुझे यकीन है कि 3.0 कितना करीब है और यह सब अभी तक क्या होगा।
मैं इस यात्रा के बारे में मजबूत भावनाओं और +1 this thread के बारे में सुझाव दूंगा।
[अद्यतन] वी 3 रोडमैप V2.3 release blogpost में oulined ईएमएस के लिए समर्थन जोड़ने का कोई उल्लेख नहीं करता है। पुल अनुरोध here मार्क ओटो से निम्न शामिल उपलब्ध बूटस्ट्रैप V3 के बारे में
[अपडेट] बहुत सारे अधिक जानकारी:
फिरहम पिक्सल से अधिक रेम इकाइयों के उपयोग का पता लगाया है, लेकिन थोड़ा लाभ पाया ऑफसेट करने के लिए उनके उपयोग के प्रभाव। आईई 8 को अभी भी एक पिक्सेल फ़ॉलबैक की आवश्यकता होगी, और यह कोड की बहुत सारी डुप्लिकेट लाइनें हैं। इसके अलावा, पिक्सल के बजाय हर जगह रीम्स का उपयोग उस समस्या को बढ़ा देगा। मिक्सिंग रीम्स और पिक्सल अभी भी समझ में नहीं आता है। हालांकि, हम भावी रिलीज में इसका मूल्यांकन जारी रख सकते हैं और जारी रखेंगे।
अधिक हाल ही में (अपनी टिप्पणी में):
मैं अत्यधिक शक हम इस बिंदु पर Rems के साथ शिपिंग हो जाएगा। बदलना सबकुछ-फ़ॉन्ट-आकार से परे-एक बड़ा काम है और यह के साथ आता है जो इसे ऑफ़सेट करने के कुछ फायदे हैं। फ़ॉन्ट-आकार के लिए कोड की रेखाओं को दोहराएं, किसी भी अन्य तरीके से समर्थन का समर्थन करना सबसे अच्छा लगता है। ने कहा, हम हमेशा भविष्य की रिलीज में फिर से जा सकते हैं। अभी के लिए, हम पिक्सल के साथ चिपके हुए हैं।
बूटस्ट्रैप की सुविधाओं की एक बड़ी संख्या है, जिनमें से कम से कम नहीं यह उन्हें-समर्थन की कमी है से असंतुष्ट हो गई है, मैं दृढ़ता से Susy को देख सुझाव है अगर आप सिर्फ ग्रिड चाहते हैं, या पूरे enchilada के लिए Zurb Foundation 4। बूटस्ट्रैप की लोकप्रियता को अपने फैसले को बादल मत होने दें। कोई भी बूटस्ट्रैप के साथ कुछ बना सकता है, जो वास्तव में इसकी समस्या है - यह कम से कम वेब-अनुभव वाले लोगों के लिए डिज़ाइन किया गया है। सिर्फ इसलिए कि दुनिया में मैकडॉनल्ड्स के बहुत सारे हैं इसका मतलब यह नहीं है कि यह खाने के लिए एक स्वस्थ जगह है।
[संपादित करें] ठीक है। यह कहना मूर्खतापूर्ण बात थी। चूंकि मैंने यह लिखा है, मैंने बीएस 3 का उपयोग किया है और इसने अपने गेम को काफी बढ़ा दिया है। मुझे इस तरह की एक फेंकने वाली टिप्पणी नहीं करनी चाहिए थी, लेकिन मुझे अभी भी विश्वास है कि इसने फ़ॉन्ट आकार के लिए पिक्सल का उपयोग करने में बुरा फैसला किया है। साथ ही पहुंच के मुद्दों, ईएमएस अन्य तरीकों से उपयोगी हैं।
[अपडेट] Rems V4 में समर्थित होना होगा ऐसा लगता है कि (एमडीओ here से उद्धृत):
साथ निम्न उन लोगों के लिए, हम v4 जब में Rems पिक्सेल के बीच परिवर्तित करने के लिए सक्षम हो जाएगा हम IE8 समर्थन ड्रॉप करते हैं। तब तक ज्यादा नहीं कर सकते हैं।
['17 अद्यतन फ़रवरी] बूटस्ट्रैप 4 अल्फा में अब भी है, लेकिन इसके Typography docs में Rems के उपयोग से पता चलता है, लेकिन अपने layout docs में नहीं Rems के शो उपयोग करता है।
मुझे लगता है कि यह डेस्कटॉप के पहले दृष्टिकोण के कारण है। ट्विटर बूटस्ट्रैप उत्तरदायी दोस्ताना है, लेकिन "सुंदर गिरावट" दृष्टिकोण है।
जब भी मैं बूटस्ट्रैप का व्यापक रूप से उपयोग करता हूं, वहां कुछ ऐसे क्षेत्र हैं जहां अभिगम्यता बैक बर्नर लेती है। मुझे लगता है कि एक मंच के साथ अपरिहार्य व्यापार-बंद है जो इतनी व्यापक रूप से उपयोग किया जाता है।
मुझे पूरी तरह से पता चला है कि उन्होंने फ़ॉन्ट आकार के लिए पिक्सेल बनाए रखने का विकल्प क्यों चुना है। एक ढांचे के फोंट के लिए एम के साथ विरासत के मुद्दे कुल दुःस्वप्न हैं।
rems एक वैकल्पिक विकल्प है, लेकिन ब्राउज़र समर्थन अभी भी समस्याग्रस्त है।
आप अपना खुद का रिम मिश्रण बना सकते हैं और कम फ़ॉन्ट आकार चर का उपयोग करने वाली प्रत्येक पंक्ति को प्रतिस्थापित कर सकते हैं।
यह बूटस्ट्रैप की सुंदरता है - और इस तरह के ढांचे - यह काम करने के लिए एक ठोस आधार है।
हां, मैंने बताया है कि ट्विटर बूटस्ट्रैप के तत्व हैं जो कि सुलभ नहीं हैं - एक छोटा उदाहरण, क्लिप का उपयोग करने के बजाय 'प्रदर्शन: कोई नहीं' का उपयोग। मुझे बहुत यकीन है कि इसके लिए एक वैध कारण है - और फिर, यदि आप चाहें तो आप इसे आसानी से संशोधित कर सकते हैं।
बूटस्ट्रैप दोषहीन नहीं है, लेकिन फिर, मुझे संदेह है कि यह कभी भी आपकी सभी आवश्यकताओं के अंतिम जवाब होने का इरादा था।यह एक आधार है - एक 'बूटस्ट्रैप' - इसे सीखें और इसे सही तरीके से उपयोग करें, इसमें जोड़ें, इसे सब कुछ मिलाएं - कम से कम, यह प्रोटोटाइप करने के लिए एक शानदार ढांचा है, या एक त्वरित साइट को फेंकने के लिए। आगे जाकर, इसमें कुछ वास्तव में ठोस आधारभूत कार्य है जिसे पर वेबसाइट पर लागू किया जा सकता है।
मुझे लगता है कि बूटस्ट्रैप की लोहे में से एक यह है कि यह आपके एप्लिकेशन को 'बूटस्ट्रैप' से कहीं ज्यादा करता है। यह इतने सारे स्तरों पर अनुवादात्मक है, जिनमें से कम से कम लेआउट नहीं है। आलस्य के अलावा, कारण इतनी सारी साइटें इतनी स्पष्ट रूप से बूटस्ट्रैप-आधारित हैं कि डिफ़ॉल्ट रूप से तोड़ना इतना आसान नहीं है। हां पहलुओं को अनुकूलित करने के लिए कुछ हद तक चर हैं, लेकिन घृणित विशिष्टता के मुद्दे अन्य पहलुओं को बड़े पैमाने पर सिरदर्द को ओवरराइड करते हैं। शायद बूटस्ट्रैप 3 बेहतर होगा। निजी तौर पर, मुझे फाउंडेशन 4 पसंद है। यह मुझे लगता है कि यह ढांचे के बजाय मुझे प्रभारी है। – Undistraction
बूटस्ट्रैप की लोकप्रियता को अपना निर्णय क्लाउड न करने दें। कोई भी बूटस्ट्रैप के साथ कुछ बना सकता है, जो वास्तव में इसकी समस्या है - यह न्यूनतम वेब-अनुभव वाले लोगों के लिए डिज़ाइन किया गया है। सिर्फ इसलिए कि दुनिया में मैकडॉनल्ड्स के बहुत सारे हैं इसका मतलब यह नहीं है कि यह खाने के लिए एक स्वस्थ स्थान है।
आप तर्क दे सकते हैं कि यह आपके निर्णय को नकारात्मक तरीके से क्लाउड न करें। यह एक ठोस ढांचा है और यदि आप इसे प्रभावी रूप से उपयोग करने के तरीके में निवेश करने के लिए परेशान हैं, तो आपका अधिकांश तर्क इसके सिर पर पड़ता है।
जबकि इसका उपयोग अक्सर कम से कम अनुभव वाले लोगों द्वारा किया जाता है - और इसमें कुछ भी गलत नहीं है - इसका उपयोग लॉट अनुभव वाले लोगों द्वारा भी किया जाता है।
कम से कम, यह एक अमूल्य प्रोटोटाइप उपकरण है। बहुत अच्छा, यह पूरी तरह से अनुकूलन योग्य है। आप चुन सकते हैं और चुन सकते हैं, संशोधित कर सकते हैं - इसीलिए इसे 'फ्रेमवर्क' कहा जाता है।
मैं अपनी कुछ परियोजनाओं पर दो वर्षों से प्रभावी ढंग से इसका उपयोग कर रहा हूं - यह उतना दुबला है जितना आप चाहते हैं। मैंने केवल फॉर्म ढांचे का उपयोग किया है, केवल ग्रिड, संपूर्ण कोडबेस और इसे मेरी आवश्यकताओं के अनुसार अनुकूलित किया है। कई मायनों में, यह मेरे खेल को 'ऊपर' रखा गया है, जो मुझे प्रोजेक्ट की संरचना के तरीके को सम्मानित करते हुए चर का उपयोग करके प्रीप्रोकैसिंग में आगे बढ़ रहा है।
हां, कुछ मुद्दे हैं। फ़ॉन्ट आकार के लिए px और Less का उपयोग कर दो हैं। हालांकि, क्योंकि यह पूरी तरह से खुला स्रोत है, आप आसानी से उन दोनों को हल करने के लिए विकल्प पा सकते हैं।
मैंने Foundation की जांच की और मैंने जो देखा उसे पसंद किया, लेकिन मैं IE8 का समर्थन करने की दुर्भाग्यपूर्ण स्थिति में हूं, जैसा कि कई देव हैं। फाउंडेशन ने आईई 8 के लिए समर्थन छोड़ दिया है, जिससे इसे मेरे लिए 'नहीं जाना' है। इसके बावजूद, मैं पूरी तरह से कुछ ढांचे को खारिज करने वाला नहीं हूं, विशेष रूप से मुफ्त का उपयोग करने के लिए और मुफ्त कुछ मुद्दों पर आधारित संशोधित करने के लिए नहीं है!
हेक, एक परियोजना में, मैंने फाउंडेशन के हिस्सों और बूटस्ट्रैप के कुछ हिस्सों को उठाया और अपना खुद का कस्टम कोड जोड़ा - यह ओपन सोर्स की सुंदरता है।
बूटस्ट्रैप 3 के साथ यह पूरी तरह से उचित है और ईमानदार होने के लिए, मुझे लगता है कि यह वास्तव में अपने खेल को बढ़ा दिया है। पीछे की ओर यह कहने के लिए एक मूर्ख बात थी, लेकिन यह निराशा से पैदा हुआ था और मुझे अभी भी लगता है कि अधिकांश साइट्स जो मैं देखता हूं कि बूटस्ट्रैप का उपयोग बहुत आलसी है। प्रोटोटाइपिंग और गैर-सार्वजनिक सामना करने वाले पृष्ठों - व्यवस्थापक क्षेत्रों आदि के लिए यह एक अच्छा टूल है। यह सार्वजनिक-सामना करने वाली साइटों के लिए भी एक अच्छा टूल हो सकता है यदि इसका उपयोग करने वाला व्यक्ति समझता है कि कैसे अपने डिफ़ॉल्ट से परे शैली को शैलीबद्ध किया जाए। किसी भी उपकरण की तरह इसे आसानी से दुर्व्यवहार किया जाता है, और मुझे लगता है कि उपयोग की आसानी का परिणाम है (एबी) उपयोग की मात्रा में। – Undistraction
हाँ, मैं आपको सुनता हूं - कभी-कभी आप कोडिंग के साथ इतने परेशान होते हैं, आप बाहर निकलते हैं :) कम से कम, बूटस्ट्रैप 3.0 के साथ, जब दुर्व्यवहार किया जाता है, वहां * कुछ * मानक होते हैं। यह फाउंडेशन पर भी लागू होता है। बहुत सारे हैं जो दोनों से सीखा जा सकता है। आखिरकार, समय दिया गया, 'अपना खुद का रोलिंग' आगे बढ़ने का तरीका है। –
किसी अन्य उत्तर पर टिप्पणी का उत्तर पोस्ट करना कुछ हद तक भ्रमित है ... (बस कह रहा है) –
आप अभी भी उन्हें साथ बूटस्ट्रैप पसंद करते हैं और रेम समर्थन आप इस पर एक नज़र ले जा सकते हैं - https://github.com/ivayloc/twbs-rem-em किसी भी गणना रेम या उन्हें इकाइयों में पिक्सल कन्वर्ट करने के लिए बनाने के लिए कोई जरूरत नहीं है, वहाँ है इस के लिए @mixins में निर्माण - @include rem(property, values) - पीएक्स में भी गिरावट और एम कनवर्टन के लिए आप em(value) का उपयोग कर सकते हैं।
अब मैं टीबीएस का उपयोग नहीं कर रहा हूं क्योंकि मुझे फाउंडेशन को बेहतर विचार करने के लिए मिला है, हालांकि यह एक अच्छा समझौता जैसा दिखता है। – Undistraction
दिलचस्प, आपके परिप्रेक्ष्य के लिए धन्यवाद –
समस्या यह है कि ऐसा लगता है कि यह समझाने के लिए यहां कोई नहीं है कि यह पीएक्स से अधिक ईएम का उपयोग करने के लिए और अधिक "पहुंच योग्यता अनुकूल" क्यों है। मेरा मतलब है, कागज पर यह स्पष्ट प्रतीत होता है, लेकिन वास्तविक जीवन में? क्या किसी के पास पिक्सेल आधारित वेबसाइटों पर फंसे उपयोगकर्ताओं के वास्तविक उदाहरण हैं? वास्तविक आंकड़ों और वास्तविक समस्याओं के साथ जो पिक्सल का कारण बनता है? मुझे लगता है कि इस बहस में यह असली सवाल है। सबूत की कमी यह है कि अधिकांश लोग पीएक्स का उपयोग क्यों करते हैं। – Grsmto
दृष्टि समस्याओं वाले लोगों द्वारा ऑपरेटिंग सिस्टम स्तर और ब्राउज़र स्तर फोंट बढ़े हैं। ऐसे लोगों के लिए 'em' आवश्यक है, इसलिए" पहुंच "। –