Milligram: एनएवी बार मिलीग्राम के हिस्से के रूप में?

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

https://github.com/milligram/milligram/pull/46

नमस्ते @alexjj @abouthiroppy

वास्तव में, मेरा इरादा मिलिग्राम को यथासंभव हल्का रखना है, एक परियोजना को शुरू करने के लिए न्यूनतम आवश्यक सुविधा का समर्थन करना।

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

http://codepen.io/milligram/

जाना-पहचाना या इस्तेमाल किया हुआ नहीं लगता, लेकिन मुझे कई प्रकार के नेवबार भी चाहिए

यहाँ भी, नेवबार और मेनू एक परियोजना के लिए आवश्यक न्यूनतम विशेषता है, है ना?

अरे, मैं एक ऐसे ढांचे की तलाश में हूं जो मेरे लिए बूटस्ट्रैप को बदल सके और मिलीग्राम एक गंभीर दावेदार है।

मैं वास्तव में कुछ और उदाहरणों के साथ कर सकता था क्योंकि मैं अभी तक ढांचे से परिचित नहीं हूं लेकिन आपके द्वारा प्रस्तुत कोडपेन लिंक काम नहीं करता है। क्या आपके पास एक और लिंक है?

धन्यवाद!

आप मुझे महान विचार दे रहे हैं। मैं

नेवबार विचारों पर कोई परिणाम?

मिलिग्राम बहुत अच्छा है, लेकिन मैं निश्चित रूप से अधिक एनएवी विकल्प देखना चाहूंगा, विशेष रूप से सेज 9 (वर्डप्रेस) बिल्ड के साथ उपयोग करने के लिए, जिसे आमतौर पर एक नेवी वॉकर की आवश्यकता होती है जब तक कि कोई मुझे उस पर सही नहीं कर सकता?, धन्यवाद

@cjpatoilo का लिंक मरा हुआ लगता है। नया लिंक है https://codepen.io/milligramcss/

(इसके अलावा, मैं निश्चित रूप से मिलिग्राम में एक नावबार जोड़ने के लिए हूं। मैं दूसरों से यह कहते हुए असहमत हूं कि लोगों के लिए यह एक संकीर्ण बात है, 90% वेबसाइटों में एक नावबार है।)

एनएवी बार बहुत अच्छा होगा

मैं यह जोड़ना चाहूंगा कि इस तथ्य से कि github.io साइट में एक नावबार है, मुझे विश्वास है कि पैकेज में ही एक नावबार था। यह काफी बेतुका है।

मैं असहमत हूं। पृष्ठ दस्तावेज़ यह नहीं बताता है कि नावबार कहीं भी एक मुख्य घटक है। तथ्य यह है कि पृष्ठ में एक नावबार है इसका मतलब यह नहीं है कि यह ढांचे का हिस्सा है। यह कपटपूर्ण नहीं है, आपने बस एक गलत धारणा बना ली है।

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

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

^^ जो कुछ भी कहा गया है ... क्या किसी ने काफी सरल नेवबार w/लोगो और मेनू आइटम लागू किए हैं जो एक उदाहरण के रूप में मोबाइल पर हैमबर्गर-प्रकार के मेनू में प्रतिक्रियात्मक रूप से टूट जाते हैं?

मैं उस पर अपना हाथ आजमा रहा हूं, अब संदर्भ के रूप में https://github.com/shuedna/Milligram-baseSite-withMenu का उपयोग करके मिलीग्राम में शामिल उदाहरण का उपयोग कर रहा हूं। मैं भी इसके साथ बहुत अनुभवहीन हूं इसलिए सफल नहीं हो सकता।

लेकिन मैं ऊपर से सहमत हूं; एक उत्तरदायी नौसेना बहुत आधारभूत है।

पिछला अनुरोध अपडेट किया गया... केवल CSS, कोई JS नहीं, विशेष रूप से कोई jQuery नहीं।

सीएसएस केवल मिलीग्राम नवबार

स्रोत
उदाहरण
एमआईटी लाइसेंस

आधार पुस्तकालय पर निर्भर करता है।

अच्छा काम @popey456963। केवल एक चीज यह है कि यह एक हैमबर्गर शैली मेनू में नहीं टूटता है।
मुझे कोई जेएस/jquery, या वेनिला जेएस की आवश्यकता याद नहीं आई। किसी भी तरह से मुझे अपने अंत में ज्यादा सफलता नहीं मिली है.. अभी तक।

मैंने एक सीएसएस-केवल एनएवी के लिए अपनी खोज रोक दी है जो समय के कारण हैमबर्गर मेनू में ढह जाती है; मैंने बस टेक्स्ट को फॉन्ट-भयानक आइकनों से बदल दिया है जो अधिक कॉम्पैक्ट हैं और नीचे स्केल किए जाने पर अच्छी तरह से प्रदर्शित होते हैं। साथ ही, तत्व 'नेविगेशन-आइटम' के लिए मैंने मार्जिन-बाएं को 1.5rem तक घटा दिया।

एक बार जब मैं इस प्रोजेक्ट को पूरा कर लेता हूं तो मैं फिर से कोशिश करूंगा... अगर किसी और ने इसे पहले ही पूरा नहीं किया है।

इसके अलावा, स्क्रॉल अप पर नेवबार छुपाएं:
नेविगेशन वर्ग के लिए जोड़ें: संक्रमण: शीर्ष 0.3s;
आईडी जोड़ें = "नेवबार"
नीचे जेएस:

var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
  var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
    document.getElementById("navbar").style.top = "0";
  } else {
    document.getElementById("navbar").style.top = "-50px";
  }
  prevScrollpos = currentScrollPos;
}

कोई Jquery या अन्य विवरण की आवश्यकता नहीं है

मुझे लगता है कि आम तौर पर आप स्क्रॉल डाउन पर नेविगेशन बार को छिपाना चाहते हैं, स्क्रॉल नहीं करना चाहते हैं?

कोड नीचे स्क्रॉल करने के लिए है। क्षमा करें, मैंने गलत बोला

सीएसएस-ओनली रिस्पॉन्सिव नेवी का अनुसरण करना ... यह सरल है और बढ़िया काम करता है:
https://codepen.io/chuckreynolds/pen/ROaeXv

सीएसएस-ओनली रिस्पॉन्सिव नेवी का अनुसरण करना ... यह सरल है और बढ़िया काम करता है:
codepen.io/chuckreynolds/pen/ROaeXv

लिंक के लिए धन्यवाद। लेकिन मैं इसे एक साथ कैसे रखूं? मेरे कंटेनर की सामग्री शीर्षलेख के पीछे 'स्क्रॉल' करती है। किसी प्रकार की पैडिंग होनी चाहिए।

बस एक टिप्पणी।

यदि पहले से निर्मित नेवबार चीजें हैं, तो UI का निर्माण काफी तेज होगा।
हालाँकि, क्या आप लोगों को नहीं लगता कि नावबार कुछ बेकार है? मैं सिमेंटिक-यूआई शैली (नेवबार प्रदान करने के लिए मेनू का उपयोग करके) की तरह नावबार प्रदान करना पसंद करता हूं।

मुझे लगता है कि too much अच्छा नहीं है। :)

दोस्तों, @ मदद करने के लिए धन्यवाद। अभी के लिए, मैं इस मुद्दे को बंद कर दूंगा।
अगर किसी को मदद की जरूरत है तो बेझिझक फिर से खोलें या नया खोलें!