একটি SIDENAV সমাধানের উপায় নিয়ে চিন্তা করা
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
আজকের GUI চ্যালেঞ্জে আমরা CSS এবং JS ব্যবহার করে একটি প্রতিক্রিয়াশীল, অ্যাক্সেসযোগ্য স্লাইড আউট সাইড নেভিগেশন ব্যবহারকারীর অভিজ্ঞতা তৈরি করি। sidenav একাধিক ব্রাউজার, স্ক্রীন সাইজ এবং ইনপুট ডিভাইসে কাজ করে। রাড ঠিক? এই ইউএক্স পরিচালনা করার জন্য আমরা গ্রিড, ট্রান্সফর্ম, সিউডো ক্লাস এবং জাভাস্ক্রিপ্টের একটি ডলপ নিয়োগ করি।
@AdamArgyleInk পর্বটি প্রকাশের পর প্রথম 30 মিনিটের জন্য আপনার মন্তব্যের প্রতিক্রিয়া জানাবে। এখানে আমাদের সাথে সংযোগ করুন, প্রশ্ন জিজ্ঞাসা করুন বা আপনার নিজস্ব কোড জমা দিন!
অধ্যায়:
- 0:00 - ভূমিকা
- 0:30 - ডিবাগিং কর্নার বৈশিষ্ট্য ওভারভিউ
- 2:25 - গ্রিড += মিডিয়া কোয়েরি স্ট্যাক লেআউট
- 3:42 - অ্যাক্সেসযোগ্য রূপান্তর পরিবর্তন
- 4:22 - : টার্গেট সিউডো ক্লাস
- 5:57 - Escape কী UX
- 6:16 - অর্কেস্ট্রেটিং ফোকাস
- 6:49 - স্ক্রিন রিডার ইউএক্স
- 7:56 - আউটরো এবং কল টু অ্যাকশন
সম্পদ:
আরও GUI চ্যালেঞ্জ দেখুন → https://goo.gle/GUIchallenges
Google Chrome বিকাশকারীদের সদস্যতা নিন → http://goo.gl/LLLNvf ৷
arrow_back সব পর্বে ফিরে যান
অন্য কিছু উল্লেখ না করা থাকলে, এই পৃষ্ঠার কন্টেন্ট Creative Commons Attribution 4.0 License-এর অধীনে এবং কোডের নমুনাগুলি Apache 2.0 License-এর অধীনে লাইসেন্স প্রাপ্ত। আরও জানতে, Google Developers সাইট নীতি দেখুন। Java হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
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": "2021-01-21 UTC-\u09a4\u09c7 \u09b6\u09c7\u09b7\u09ac\u09be\u09b0 \u0986\u09aa\u09a1\u09c7\u099f \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964"}
[[["সহজে বোঝা যায়","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-তে শেষবার আপডেট করা হয়েছে।"],[],[]]