SIDENAV की समस्या को हल करने के तरीके
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
आज के 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 - आउट्रो और कॉल-टू-ऐक्शन
संसाधन:
GUI से जुड़ी और चुनौतियां देखें → https://goo.gle/GUIchallenges
Google Chrome Developers की सदस्यता लें → http://goo.gl/LLLNvf
arrow_back सभी एपिसोड पर वापस जाएं
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2021-01-21 (UTC) को अपडेट किया गया.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"वह जानकारी मौजूद नहीं है जो मुझे चाहिए"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"बहुत मुश्किल है / बहुत सारे चरण हैं"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"पुराना"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"अनुवाद से जुड़ी समस्या"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"सैंपल / कोड से जुड़ी समस्या"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"अन्य"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"समझने में आसान है"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"मेरी समस्या हल हो गई"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"अन्य"
}]
{"lastModified": "\u0906\u0916\u093f\u0930\u0940 \u092c\u093e\u0930 2021-01-21 (UTC) \u0915\u094b \u0905\u092a\u0921\u0947\u091f \u0915\u093f\u092f\u093e \u0917\u092f\u093e."}
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2021-01-21 (UTC) को अपडेट किया गया."],[],[]]