আজকের 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 - আউটরো এবং কল টু অ্যাকশন
সম্পদ:
- বরাবর কোড → https://goo.gle/3sQ8Xif
- বরাবর পড়ুন → https://goo.gle/2Np83J9
- একটি ডেমো চেষ্টা করুন → http://goo.gle/3bVBFYT ৷
- দেখুন কিভাবে অন্যরা sidenavs তৈরি করছে (GUI জমা) → https://goo.gle/36CAeuO
আরও GUI চ্যালেঞ্জ দেখুন → https://goo.gle/GUIchallenges
Google Chrome বিকাশকারীদের সদস্যতা নিন → http://goo.gl/LLLNvf ৷