मुखपृष्ठ » टूलकिट » विंग - मिनिमलिस्ट सीएसएस फ्रेमवर्क वेब डिजाइनर चाहते हैं

    विंग - मिनिमलिस्ट सीएसएस फ्रेमवर्क वेब डिजाइनर चाहते हैं

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

    विंग एक नया ढाँचा है और एक न्यूनतम मित्र है। यह एक के साथ आता है डिफ़ॉल्ट ग्रिड सेटअप, कस्टम तत्व, तथा घटक जो कुल 5 KB.

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

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

    विंग जहाजों के साथ ए 960px ग्रिड प्रणाली इसका उपयोग करना 12-कोल संरचना. यह एक बहुत ही सरल सेटअप है और 960px ग्रिड आमतौर पर आज के वाइडस्क्रीन दर्शकों के लिए बहुत छोटा माना जाता है। लेकिन, अगर आपको छोटी वेबसाइट्स पसंद हैं, तो यह एक शानदार विकल्प है.

    http://usewing.ml/ पागल सरल है और कुछ इस प्रकार है:

     
    1
    2
    3

    आप एक शामिल कर सकते हैं विंग की पूरी नकल Unpkg CDN से। वे अपनी फ़ाइलों को नवीनतम संस्करण के साथ अद्यतित रखते हैं, इसलिए आपको फ़ाइल नाम बदलने की आवश्यकता नहीं है। केवल इस URL को अपने हेडर में जोड़ें और आपको वर्तमान विंग ढांचे के लिए पूर्ण पहुंच प्राप्त होगी.

    वैकल्पिक रूप से, आप पैकेज डाउनलोड कर सकते हैं npm के माध्यम से या स्रोत की एक प्रति खींच सकते हैं GitHub से सही है.

    मैं विंग की तुलना Normalize.cs से करता हूं जो कि बहुत छोटा सीएसएस फ्रेमवर्क है, जो कि अधिक पसंद है लाइब्रेरी रीसेट करें. वास्तव में विंग डिफ़ॉल्ट शैलियों के साथ आता है जबकि normalize.css केवल सभी ब्राउज़रों में समान कार्य करने के लिए तत्वों को रीसेट करता है.

    दोनों की सुंदरता यह है कि आपके पास है पूर्ण नियंत्रण सेवा मेरे संपादित करें, restyle, तथा पुन: फ़ॉर्मेट हालांकि पेज आपको फिट दिखाई दे रहा है.

    सभी दस्तावेज और कोड स्निपेट विंग के होमपेज पर पाया जा सकता है, इसलिए उस गाइड का उपयोग करें यदि आप सुनिश्चित नहीं हैं कि अपनी साइट कैसे सेट करें.