आज के GUI की चुनौती में हमने CSS और JS का इस्तेमाल करके एक रिस्पॉन्सिव, ऐक्सेस करने लायक स्लाइड आउट साइड नेविगेशन उपयोगकर्ता अनुभव बनाया है. साइडनेव कई ब्राउज़र, स्क्रीन साइज़, और इनपुट डिवाइसों पर काम करता है. रैड सही है? जैसे-जैसे हम इस UX को हैंडल करने के लिए ग्रिड, ट्रांसफ़ॉर्म, सूडो क्लास, और JavaScript की डॉलप का इस्तेमाल करते हैं.
एपिसोड रिलीज़ होने के बाद, पहले 30 मिनट तक @AdamArgyleInk आपकी टिप्पणियों का जवाब देगा. हमसे यहां जुड़ें, सवाल पूछें या अपना कोड सबमिट करें!
चैप्टर:
- 0:00 - परिचय
- 0:30 - कॉर्नर सुविधा की खास जानकारी डीबग करना
- 2:25 - ग्रिड += मीडिया क्वेरी स्टैक लेआउट
- 3:42 - ऐक्सेसबल ट्रांसफ़ॉर्म ट्रांज़िशन
- 4:22 - :टारगेट स्यूडो क्लास
- 5:57 - Escape Key UX
- 6:16 - ऑर्केस्ट्रा पर फ़ोकस
- 6:49 - स्क्रीन रीडर UX
- 7:56 - आउट्रो और कॉल-टू-ऐक्शन
संसाधन:
- कोड के साथ रखें → https://goo.gle/3sQ8Xif
- आगे पढ़ें → https://goo.gle/2Np83J9
- डेमो आज़माएं → http://goo.gle/3bVBFYT
- देखें कि दूसरे लोग साइडनैव कैसे बना रहे हैं (GUI सबमिशन) → https://goo.gle/36CAeuO
GUI से जुड़ी और चुनौतियां देखें → https://goo.gle/GUIchallenges
Google Chrome Developers की सदस्यता लें → http://goo.gl/LLLNvf