Dalam tantangan GUI hari ini, kami membuat pengalaman pengguna navigasi samping yang responsif dan mudah diakses menggunakan CSS dan JS. Navigasi samping berfungsi di beberapa browser, ukuran layar, dan perangkat input. Bagus, kan? Ikuti terus saat kami menggunakan petak, transformasi, class pseudo, dan sedikit JavaScript untuk menangani UX ini.
@AdamArgyleInk akan menanggapi komentar Anda selama 30 menit pertama setelah episode dirilis. Hubungi kami di sini, ajukan pertanyaan, atau kirimkan kode Anda sendiri.
Segmen:
- 0.00 - Pendahuluan
- 0:30 - Ringkasan Fitur Pojok Debug
- 2:25 - Grid += Tata Letak Tumpukan Kueri Media
- 3:42 - Transisi Transformasi yang Dapat Diakses
- 4.22 - :Kelas Pseudo target
- 5:57 - Escape Key UX
- 6:16 - Orkestrasi Fokus
- 6:49 - UX Pembaca Layar
- 7:56 - Outro & Pesan Ajakan
Referensi:
- Ikuti kode → https://goo.gle/3sQ8Xif
- Baca selengkapnya → https://goo.gle/2Np83J9
- Coba demo → http://goo.gle/3bVBFYT
- Lihat cara orang lain membuat sidenav (Kiriman GUI) → https://goo.gle/36CAeuO
Tonton Tantangan GUI lainnya → https://goo.gle/GUIchallenges
Berlangganan Developer Google Chrome → http://goo.gl/LLLNvf