Memikirkan cara untuk memecahkan SIDENAV
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
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:
Tonton Tantangan GUI lainnya → https://goo.gle/GUIchallenges
Berlangganan Developer Google Chrome → http://goo.gl/LLLNvf
arrow_back Kembali ke semua episode
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2021-01-21 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Informasi yang saya butuhkan tidak ada"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Terlalu rumit/langkahnya terlalu banyak"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Sudah usang"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Masalah terjemahan"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Masalah kode / contoh"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Lainnya"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Mudah dipahami"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Memecahkan masalah saya"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Lainnya"
}]
{"lastModified": "Terakhir diperbarui pada 2021-01-21 UTC."}
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2021-01-21 UTC."],[],[]]
