मुखपृष्ठ » यूआई / UX » सियरा एक खूबसूरत डार्क यूआई लाइब्रेरी है जिसे सास पर बनाया गया है

    सियरा एक खूबसूरत डार्क यूआई लाइब्रेरी है जिसे सास पर बनाया गया है

    भरी दुनिया में सामने का ढांचा, यह सभी विकल्पों के माध्यम से कठिन छँटाई हो सकती है। लेकिन, यदि आप एक सैस प्रेमी हैं तो पहाड़ों का सिलसिला है सबसे नया यूआई ढांचा देखने के लिए.

    यह पूरी तरह से अनुकूलन और है पूरी तरह से SCSS कोड पर चलता है. इसका मतलब यह दर्जनों के साथ आता है SCSS के भागमभाग तथा संबंधित पुस्तकालय कि सभी एक साथ एक शक्तिशाली (और मुक्त) UI लाइब्रेरी में विलय हो जाते हैं.

    जब डेवलपर्स एक नए सैस पुस्तकालय के बारे में सुनते हैं, तो इसे आमतौर पर मिश्रण का एक सेट माना जाता है। लेकिन सिएरा है केवल चर और मिश्रण से अधिक. यह लाइब्रेरी एक सच्चा-नीला UI फ्रेमवर्क है कस्टम शैलियों के लिये ग्रिड, टाइपोग्राफी, टेबल, बटन, रूपों, और बहुत कुछ आप एक वेबसाइट डिजाइन करने की आवश्यकता होगी.

    कुल मिलाकर, पुस्तकालय का वजन होता है के बारे में 34kb असम्पीडित, जो बड़ा लग सकता है। लेकिन आपको जो कुछ भी मिलता है, उसे देखते हुए, यह एक अच्छा आकार है और वहां से सबसे ज्यादा दूर है (संदर्भ के लिए, बूटस्ट्रैप के सीएसएस उपायों के बारे में 20kb असम्पीडित हैं).

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

    यूआई लाइब्रेरी दर्जनों फ्रंटेंड शैलियों के साथ आती है सबसे आम पृष्ठ तत्वों के लिए:

    • पैराग्राफ और हेडर
    • बटन
    • प्रपत्र इनपुट (ड्रॉपडाउन, रेडियो, आदि)
    • टेबल्स
    • पृष्ठ पर अंक लगाना
    • बाएँ / दाएँ संरेखण
    • कस्टम लोडिंग बार

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

    मेरी केवल शिकायत है आसानी से सुलभ दस्तावेज की कमी. सिएरा वर्तमान में v2.0 में है, फिर भी मुख्य रेपो स्थापित और अनुकूलन युक्तियों पर विरल है.

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

    सिएरा परिपूर्ण है, लेकिन यह वेब पर कुछ सैस-आधारित UI पुस्तकालयों में से एक है.

    यदि आप इसे आजमाना चाहते हैं, तो मुख्य वेबसाइट देखें डेमो और आगे का विवरण. और, यदि आप वास्तव में फंस गए हैं, तो आप GitHub मुद्दों पृष्ठ पर एक प्रश्न खोलने या अधिक जानकारी के लिए निर्माता जोआन क्लेर को संदेश देने की कोशिश कर सकते हैं.