बूटस्ट्रैप और फाउंडेशन के लिए 10 हल्के विकल्प
सही फ्रेम चुनना जो आपकी परियोजनाओं के लिए एकदम सही है, थोड़ा भारी हो सकता है - हैं से चुनने के लिए बहुत कुछ. शायद, आप बूटस्ट्रैप या फाउंडेशन जैसे लोकप्रिय विकल्पों के साथ जाना चाहते हैं, लेकिन अगर आपकी वेबसाइट काफी सरल है, आपको बिल्डिंग ब्लॉक और सामग्रियों की सबसे अधिक आवश्यकता नहीं होगी डिफ़ॉल्ट पैकेज में शामिल.
अच्छी खबर यह है कि कुछ मुट्ठी भर विकल्प हैं जो बूटस्ट्रैप या फाउंडेशन की तुलना में अधिक दुबले हैं। इनमें से ज्यादातर चौखटे के साथ जहाज हैं शैलियों और घटकों की सही मात्रा आपकी मदद करने के लिए आप शुरू कर सकते हैं, जबकि आप उन्हें अपनी परियोजना के लिए इच्छित दिशा में विस्तारित करने में सक्षम होने की अनुमति देते हैं.
यहाँ हैं बूटस्ट्रैप और फाउंडेशन के लिए 10 हल्के विकल्प कि आप के लिए उपयोग करना चाहिए छोटे पैमाने पर वेबसाइटों का निर्माण.
Hongkiat.com पर अधिक:
- ट्विटर बूटस्ट्रैप के साथ शुरुआत करना
- बूट के साथ बूटस्ट्रैप 3 का उपयोग करना
- बूटस्ट्रैप टूल: HTML बूटस्ट्रैप लेआउट बनाएँ
- बूटस्ट्रैप प्लगइन के साथ काम करना: मोडल विंडो
- बूटस्ट्रैप टूल: मेगामेनु को YAMM3 के साथ बनाएँ
1. कंकाल
कंकाल अंत में एक नया रूप मिल गया है। यह जमीन से ऊपर की ओर एक कुल सुधार है, और अभी भी यह उतना ही हल्का है जितना पहले हुआ करता था। नया कंकाल ग्रिड सिस्टम अब मोबाइल-प्रथम फिलॉस्फी को अपनाता है, जो यह सुनिश्चित करता है कि डिवाइस कितना छोटा है, इसकी परवाह किए बिना लेआउट केंद्र स्तर लेता है.
सभी घटक जो पहले संस्करण में शामिल थे - बटन, रूप और इनपुट तत्व - अभी भी मौजूद हैं, लेकिन बुनियादी टाइपोग्राफी शैली अब सेट हैं रेम इकाई.
2. कार्डिनलसीएसएस
कार्डिनलसीएसएस एक सीएसएस फ्रेमवर्क है जो प्रदर्शन, पठनीयता और सबसे महत्वपूर्ण रूप से रखरखाव पर ध्यान केंद्रित करने के साथ बनाया गया है। कार्डिनलसीएसएस कुछ आधुनिक दृष्टिकोणों को अपनाता है जैसे कि ग्रिड को आकार देने के लिए मोबाइल-प्रथम; और सीएसएस बॉक्स मॉडल जो आपको आसानी से तत्व की चौड़ाई और ऊंचाई निर्धारित करने की अनुमति देता है.
कार्डिनलसीएसएस भी कुछ मुट्ठी भर सहायक वर्गों के साथ आता है जो आपको एक तत्व पर जल्दी से शैलियों को लागू करने की अनुमति देते हैं, उदाहरण के लिए, ए ड्रॉप कैप जो पैराग्राफ में पहले वर्ण के लिए ड्रॉप-कैप प्रभाव को लागू करता है.
3. ConciseCSS
ConciseCSS एक सीएसएस फ्रेमवर्क है - ब्लोट के बिना। यह एक दुबला ढांचा है जो कि Sass, LESS, और स्टाइलस के ऊपर बनाया गया है, जो CSS स्थिरता के लिए अपना सुनहरा मार्ग प्रशस्त करता है। लेकिन, यदि आप सादे सरल वेनिला सीएसएस पसंद करते हैं, तो आप ऐसा कर सकते हैं.
इसी प्रकार, ConciseCSS भी आधारभूत शैलियों के साथ आता है जैसे कि हेडिंग, पैराग्राफ, टेबल, फॉर्म, और बटन यूआई बनाने के लिए हेल्पर्स क्लास का एक सेट।.
4. पॉवरटॉक
PowertoCSS हल्के और एक ठोस दृश्यपटल रूपरेखा है। क्लास के नाम जो ग्रिड बनाने और शैलियों को लागू करने के लिए उपयोग किए जाते हैं सरल और याद रखने में आसान होते हैं. .बटन. आप अपनी खुद की थीम भी जोड़ सकते हैं। आरंभ करने के लिए उनके स्टार्टरकीट पर जाएं.
5. फुर्सत
Furtive एक मोबाइल-प्रथम CSS फ्रेमवर्क है जो ग्रिड के लिए Flexbox के उपयोग जैसे अत्याधुनिक वेब मानकों के आसपास बनाया गया है रेम तत्वों को आकार देने के लिए इकाई (फ़ॉन्ट आकार सहित)। पुराने ब्राउज़रों (* खांसी * इंटरनेट एक्सप्लोरर) का समर्थन नहीं करने के बाद से Furtive एक छोटा सीएसएस पदचिह्न रखता है क्योंकि उन्हें कुछ CSS हैकिंग की आवश्यकता होती है। इसलिए यदि आप भविष्य के लिए एक वेबसाइट डिजाइन कर रहे हैं तो Furtive एक सही ढांचा है.
6. बेसकएसएस
बेससीएसएस एक उत्तरदायी वेब एप्लिकेशन के निर्माण के लिए मॉड्यूलर रूप में आधार तत्व शैलियों, उपयोगिताओं, लेआउट और रंग शैलियों का एक हल्का सेट प्रदान करता है। SCSS फाइलें स्टाइल को आसानी से कस्टमाइज़ करने के लिए शामिल की गई हैं। आप टाइपोग्राफी, व्हाइट स्पेस, ब्रेकपॉइंट और UI तत्वों के साथ खेल सकते हैं.
7. मुलर
म्यूएलर एक माड्यूलर रिस्पांसिबल ग्रिड सिस्टम है जिसे सास और कम्पास के शीर्ष पर बनाया गया है। मुलर के साथ, आप या तो HTML तत्वों में सीधे कक्षाएं जोड़कर ग्रिड का निर्माण कर सकते हैं, या यदि आप अपने HTML तत्वों को साफ और स्वच्छ रखना पसंद करते हैं, तो ग्रिड() समारोह। मुलर ग्रिड का उपयोग मेसोनरी जावास्क्रिप्ट लाइब्रेरी के साथ मिलकर एक Pinterest जैसे लेआउट को बनाने के लिए किया जा सकता है.
8. टुकटुक
टुकटुक एक रूपरेखा के लिए एक बहुत ही अनूठा नाम है। बूटस्ट्रैप या फाउंडेशन की तुलना में, टुकटुक बहुत हल्का है क्योंकि यह केवल एक उचित वेबसाइट को ग्रिड सिस्टम के लिए बनाने के लिए घटकों की उचित मात्रा के साथ आता है, टाइपोग्राफी के लिए बेसिक स्टाइल, टेबल्स, और यूआई की एक जोड़ी जैसे नौबार क्रियार्थ द्योतक.
9. आधार
बेस को LESS और Sass के शीर्ष पर बनाया गया है, और इसमें वेबसाइटों के निर्माण के लिए केवल सबसे आवश्यक घटक शामिल हैं: HTML तत्वों का ग्रिड और मूल स्टाइल। बेस जावास्क्रिप्ट घटकों के साथ नहीं आता है, फिर भी यह महान ब्राउज़र संगतता प्रदान करता है ताकि यह IE7 के साथ भी काम करे.
10. टोस्ट
हमारी सूची का अंतिम टोस्ट है। SCSS स्टाइलशीट पैकेज में शामिल है, टोस्ट आपको ग्रिड क्लास के नाम, गटर और यहां तक कि कॉलम-बेस को आसानी से कॉन्फ़िगर करने की अनुमति देता है। उदाहरण के लिए, यदि आप चाहते हैं कि ग्रिड 12 के बजाय 9-आधार स्तंभ हो, तो आप ऐसा कर सकते हैं। टोस्ट एक न्यूनतम सीएसएस फ्रेमवर्क है जिसमें आपकी आवश्यकताओं को पूरा करने के लिए बहुत ही लचीले विन्यास को पूरा किया गया है.
