मुखपृष्ठ » यूआई / UX » यह GitHub पेज सामान्य यूआई सुविधाओं के लिए गैर-जेएस विकल्प सूचीबद्ध करता है

    यह GitHub पेज सामान्य यूआई सुविधाओं के लिए गैर-जेएस विकल्प सूचीबद्ध करता है

    आप कितनी बार करना चाहते हैं एक त्वरित CSS-only स्लाइड शो या मोडल विंडो का निर्माण करें? इनमें से कुछ हैं सबसे आम यूआई तत्व वेब पर और आजकल आप उन्हें बिना किसी जावास्क्रिप्ट के बना सकते हैं.

    निश्चित रूप से, समाधान की तलाश में Google को हिट करना संभव है। पर क्यों नहीं एक क्यूरेट सूची से चुनें भयानक संसाधनों की?

    यहीं से यह GitHub पेज प्ले में आता है। इसका शीर्षक है "आपको जावास्क्रिप्ट की आवश्यकता नहीं है", और यह के लिए व्यावहारिक समाधान की एक विशाल सूची प्रदान करता है आम इंटरफ़ेस तत्व.

    एक बात ध्यान रखें कि ये कोड हैं अंत नहीं-सब हो सब समाधान.

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

    हालांकि अगर आप के लिए मर रहे हैं शुद्ध सीएसएस समाधान तब इस GitHub ने आपको कवर किया है.

    सूची में सुविधाएँ हैं 20 विभिन्न UI तत्व कई प्रमुख समाधानों के साथ, जैसे:

    • हैमबर्गर मेनू
    • टूलटिप्स
    • टैब्स
    • छवि दीर्घाएँ
    • ड्रॉपडाउन मेनू
    • और इतना अधिक.

    प्रत्येक परियोजना एक CodePen डेमो के लिए लिंक जहां तुम कर सकते हो इसे लाइव देखें साथ में नमूना स्रोत कोड.

    इस विशिष्ट GitHub रेपो पर ध्यान दें कोई वास्तविक कोड नहीं है इस में। बल्कि यह सिर्फ है कोडपेन डेमो की एक सूची की विशेषता सामान्य इंटरफ़ेस समस्याओं के लिए गैर-जेएस समाधान.

    यह भविष्य के संदर्भ के लिए बुकमार्क करने और जरूरत पड़ने पर पास रखने के लिए सही संसाधन है.

    आप किसी से भी संपर्क करके योगदान देने के लिए स्वतंत्र हैं मुख्य GitHub पृष्ठ यदि आपके पास नए संसाधनों के लिए विचार या सुझाव हैं.

    तुम मुक्त हो किसी भी सोर्स कोड को कॉपी करें इनमें से किसी भी डेमो और उनका पुन: उपयोग करें आपकी परियोजनाओं में.

    बस यह सुनिश्चित करें कि आप सीएसएस गुण टैब की जाँच करें कुछ भी कॉपी करने से पहले क्योंकि कुछ अतिरिक्त पुस्तकालय हैं.

    कुल मिलाकर, यह एक शानदार GitHub रेपो है और उस एक सही समाधान के लिए Google का उपयोग करने की तुलना में इसका उपयोग करना बहुत आसान है.

    चेक पूर्ण GitHub पृष्ठ यहाँ, और यदि आप चाहते हैं सभी संभावित परिवर्तन देखें आप उन लोगों को देख सकते हैं अनुरोध टैब खींचो.