सिमेंटिक यूआई के साथ उत्तरदायी वेबसाइट्स तेज़ बनाएँ

फ्रंटएंड फ्रेमवर्क जैसे बूटस्ट्रैप अभी भी सभी क्रोध हैं। वहाँ से चुनने के लिए दर्जनों शानदार विकल्प हैं लेकिन एक है कि हाल ही में मेरा ध्यान आकर्षित किया है शब्दार्थ यूआई.

दी यह पुस्तकालय कुछ समय के लिए आसपास रहा है, कुछ साल वापस डेटिंग। हालांकि, संस्करण 2.2 की नवीनतम रिलीज अतिरिक्त सुविधाओं का एक गुच्छा के साथ आता है और साबित करता है कि सिमेंटिक लंबी दौड़ के लिए जाने वाला है.

दर्जनों के साथ सीएसएस चर, साधारण उत्तरदायी कक्षाएं, तथा आसान करने के लिए सेटअप लेआउट, आपको सेमेटिक यूआई के साथ काम करने में कोई परेशानी नहीं होगी.

साधारण वर्ग के नाम और ग्रिड संरचनाएँ वास्तव में इस ढांचे को अर्थ दिया जा रहा है “सिमेंटिक”. कक्षाएं बहुत समझदार हैं और यह आपके HTML को दूरी पर पढ़ना आसान बनाता है.

यह साथ भी आता है गतिशील पृष्ठ तत्वों के लिए jQuery का समर्थन जैसे हिंडोला और ड्रॉपडाउन मेनू का चयन करें.

सूर्य के नीचे प्रत्येक HTML तत्व है अनुकूलित और पूरी तरह कार्यात्मक सिमेंटिक यूआई के साथ। इसमें HTML5 तत्व और अतिरिक्त कार्यक्षमता जैसे रेटिंग्स और कस्टम टैब शामिल हैं.

लेकिन, शायद शब्दार्थ का सबसे अच्छा हिस्सा है थीम स्थापना. न केवल आपको पूर्व-तैयार शैलियों और गतिशील तत्वों के टन मिलते हैं, बल्कि आप भी कर सकते हैं अपने आप को पुनर्स्थापित करें सिमेंटिक कोड के शीर्ष पर निर्माण.

संपूर्ण पुस्तकालय योग है 3,000 + थीम चर आप सैस में बदलाव कर सकते हैं या अपनी खुद की स्टाइलशीट को बढ़ा सकते हैं। इसके अलावा, सिमेंटिक यूआई के साथ पैक किया जाता है नौ डिफ़ॉल्ट थीम:

1. शब्दार्थ डिफ़ॉल्ट
2. गलफुल्ला
3. उठाया
4. क्लासिक
5. Google सामग्री
6. वीरांगना
7. बूटस्ट्रैप
8. GitHub
9. ट्विटर

ये सिर्फ हिमशैल के टिप हैं और वे अधिक पसंद करते हैं अपनी खुद की थीम डिजाइन करने के लिए शुरुआती बिंदु.

यदि आप एक नया लैंडिंग पृष्ठ या कस्टम वेबसाइट खरोंच से बना रहे हैं, तो गंभीरता से सेमेटिक यूआई के साथ काम करने पर विचार करें। यह पूरी तरह से स्वतंत्र और खुला स्रोत है महान प्रलेखन ऑनलाइन.

आप के माध्यम से ब्राउज़ कर सकते हैं लेआउट शैलियों, साथ में सभी मुख्य तत्वों और कस्टम थीम के लिए गाइड.

और, आप एक डाउनलोड कर सकते हैं स्रोत कोड की प्रति GitHub से सीधे, जिसमें एक भी शामिल है शुरुआती के लिए गाइड.