इंटरफ़ेस से जुड़ी चुनौतियों को हल करने का कोई एक तरीका नहीं है. इस सीरीज़ में, हम इंटरफ़ेस की चुनौतियों को हल करने और अपने कौशल को बढ़ाने के कई तरीके ढूंढने के लिए, खुद और एक-दूसरे को चुनौती देंगे.
आज के GUI चैलेंज में, @AdamArgyleInk ने okLCH के साथ एक वाइड गैमट कलर पैलेट बनाया है, जिसमें रास्ते में ऐक्सेस किए जा सकने वाले कलर पेयर की जांच की जाती है, ins...

3D साई-फ़ाई टेक्स्ट को हल करने के तरीकों पर विचार करना

आज के GUI चैलेंज में, @AdamArgyleInk ने इसे स्क्रोल करने के लिए इंटरैक्टिव बनाकर, क्लासिक साइंस फ़िक्शन फ़िल्म के 3D टेक्स्ट इफ़ेक्ट में #CSS स्पिन जोड़ी है. पो...
आज के GUI चैलेंज में, @AdamArgyleInk एक रेडियो ग्रुप को टेक्स्ट अलाइनमेंट को बदलकर स्विच ग्रुप में बदल देता है. ऐक्सेसिबी की जांच करने का तरीका जानें...
आज के GUI चैलेंज में, @AdamArgyleInk ने सीएसएस क्लिप-पाथ और ट्रांसफ़ॉर्म की मदद से एक सायबर ग्लिच इफ़ेक्ट बनाया है.
आज के GUI चैलेंज में @AdamArgyleInk, सीएसएस कस्टम प्रॉपर्टी की मदद से फ़िज़िक्स के यूज़र इंटरफ़ेस (यूआई) को इफ़ेक्ट देने, ऐनिमेशन फ़्रेम का अनुरोध करने, और ...
मौजूदा दौर के GUI चैलेंज में, @AdamArgyleInk, ट्रांसफ़ॉर्म ऑरिजिन, ग्रिड और :has() का इस्तेमाल करके, कार्ड का ऐनिमेशन वाला स्टैक बनाता है.
आज के भूतिया GUI चैलेंज में, @AdamArgyleInk लाइव कोड सीएसएस क्लिप-पाथ ट्रांज़िशन, डेमो के कुछ रेड इफ़ेक्ट, और अलग-अलग तरह के स्केच शामिल हैं. मैं...
आज के GUI चैलेंज में, @AdamArgyleInk ने किसी कस्टम एलिमेंट (वेब कॉम्पोनेंट के बिना!) के साथ एक टूलटिप बनाया है! :has(), ट्रांसफ़ॉर्म, और लॉजिकल प्रॉप...
मौजूदा समय में हो रहे GUI चैलेंज में, @AdamArgyleInk ने सीएसएस की मदद से एक अलग पहचान बनाई है.
आज के GUI चैलेंज में, @AdamArgyleInk ने कैरसेल कॉम्पोनेंट की सुविधाओं और पहलुओं के बारे में बताया है: अडैप्टिव थीमिंग, कई उपयोगकर्ताओं के हिसाब से तैयार की गई थीम...
आज के GUI चैलेंज में, @AdamArgyleInk ने कुछ फ़्लोटिंग ऐक्शन बटन (एफ़एबी) बनाए हैं. साथ ही, UX और सीएसएस से जुड़ी बातों पर चर्चा की है ...
आज के GUI चैलेंज में, @AdamArgyleInk सभी वेब के अलग-अलग तरह के बटन टाइप को कस्टम प्रॉपर्टी और :where() में लाइट/डार्क के लिए स्टाइल करता है...
आज के GUI चैलेंज में, @AdamArgyleInk दिखाता है कि कैसे बातचीत के एलिमेंट को विज़ुअल तौर पर बेहतर बनाने के साथ-साथ सभी को बेहतर तरीके से ऐक्सेस किया जा सकता है और इंटर्नशिप भी की जा सकती है...
आज के GUI चैलेंज में, @AdamArgyleInk दिखाता है कि बिल्ट-इन प्रोग्रेस एलिमेंट को कैसे स्टाइल किया जाए और बेहतरीन स्क्रीन रीडर UX को कैसे लागू किया जाए, li...
आज के GUI चैलेंज में, @AdamArgyleInk ने SVG की मदद से ऐसा फ़ेविकॉन बनाने के बारे में सोचा है जो सभी के लिए काम करे. SVG न सिर्फ़ एक अनफ़िनिट देता है...
आज के GUI चैलेंज में, @AdamArgyleInk ने थीम स्विच करने वाला कॉम्पोनेंट बनाने के बारे में विचार किया है. अक्सर कोई वेबसाइट, स्विच करने की अनुमति देती है...
आज के GUI चैलेंज में, @AdamArgyleInk ने टोस्ट बनाने के तरीके के बारे में सोचा, जो यूज़र इंटरफ़ेस (यूआई) के लिए एक गैर-इंटरैक्टिव और पैसिव कॉम्पोनेंट है...
आज के GUI चैलेंज में @AdamArgyleInk ने बताया है कि वे एक ऐसा 3D वीडियो गेम मेन्यू बनाने के बारे में सोच रहे हैं, जो ओएस की रंग की प्राथमिकताओं के हिसाब से काम करता है.
आज के GUI की चुनौती में, मैं उपयोगकर्ताओं को एक से ज़्यादा विकल्प चुनने की सुविधा देने के बारे में सोच रहा हूं. एक से ज़्यादा चुनें दिखाने के लिए मैंने फ़िल्टर तैयार कर लिया है...
आज के GUI की चुनौती में, मैं अपने विचारों को स्प्लिट बटन को सुलझाने के तरीके के बारे में बता रही हूं. छोटे किए गए इंटरफ़ेस के लिए मुख्य कॉम्पोनेंट, यह si...
आज के GUI चैलेंज में मैं अपने विचारों को शेयर करके, एक स्विच को सुलझाने के तरीके के बारे में बता रही हूं. यह एक छोटा-सा UX कॉम्पोनेंट है, जो कि ... में से एक है.
आज के GUI चैलेंज में, हम नया ब्रेडक्रंब कॉम्पोनेंट बनाने जा रहे हैं.. लिंक की एक लीनियर सूची के बजाय, यह ब्रेडक्रंब...

कलर स्कीम को सुलझाने के तरीकों के बारे में सोचना

आज के GUI की चुनौती में, हम एचएसएल की मदद से गहरे रंग, हल्के, और कम रंग वाली कलर स्कीम बना रहे हैं. सीएसएस मॉडर्न ब्राउज़र के साथ काम करती है और यह तय करती है कि...

मीडिया स्क्रोलर की समस्या सुलझाने के तरीकों पर विचार करना

आज के GUI चैलेंज में, @Adam Argyle ने वेब के लिए इनलाइन स्क्रोलिंग अनुभव बनाने के ऐसे तरीकों के बारे में बताया जो कम से कम और आसान जवाब हैं...

SPLIT TEXT को हल करने के तरीके

आज के GUI चैलेंज में, @AdamArgyleInk एपिसोड रिलीज़ होने के बाद, पहले 30 मिनट तक आपकी टिप्पणियों का जवाब देगा. कनेक्‍ट करें...
आज के GUI चैलेंज में, हम स्लाइडर और चेकबॉक्स के साथ डाइनैमिक सेटिंग का पेज बनाते हैं और उसका डेमो देते हैं. हमारा सेटिंग पेज रिस्पॉन्सिव है, सहायता...
आज के GUI की चुनौती में, हम कुछ ऐसी शानदार सुविधाओं वाला टैब कॉम्पोनेंट बना रहे हैं जिनके बारे में शायद आपने सोचा भी नहीं होगा. हमारे टैब...
हमने कम्यूनिटी से कहा कि वह आपके हिसाब से साइडनेव कॉम्पोनेंट बनाएं और आप सभी ने डिलीवरी की! सबमिशन देखें:
आज के GUI चैलेंज में, हमने सीएसएस और JS का इस्तेमाल करके एक रिस्पॉन्सिव और ऐक्सेस किए जा सकने वाले स्लाइड आउट साइड नेविगेशन का उपयोगकर्ता अनुभव बनाया है. साइडनेव काम करता है...
तनाव बढ़ाने के लिए, हमने सीएसएस सेंटरिंग की पांच अलग-अलग तकनीकों को आज़मा लिया है. साथ ही, हमने आपको ऐसा करने के लिए खुद भी कहा था. CSS-Tricks से क्रिस कॉयर को शाउट आउट ...
आपने देखा कि मैं अपनी पसंद के मुताबिक कहानियां बनाती हूं. मैंने आप सभी को भी अपनी पसंद के मुताबिक कहानियां बनाने की चुनौती दी थी. Twitter पर सबमिशन के लिए @Geoff क्षमता_ को शाउट आउट! ये करना स्वीकृत है...
आज के चैलेंज में, हम सीएसएस सेंटरिंग की 5 अलग-अलग तकनीकों पर फ़ोकस कर रहे हैं. देखें कि आपके टूल में किन तकनीकों से फ़ायदा मिलना चाहिए...
GUI चैलेंज में आपका स्वागत है. यहां मैं अपने तरीके से इंटरफ़ेस बनाता/बनाती हूं और आपको उसे अपने तरीके से पूरा करने की चुनौती देता/देती हूं. क्रिएटिव क्रिएटर्स की मदद से, हम ये काम कर सकते हैं...