BÖLÜM DÜĞMELERİ üzerinde düşünme
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Bugünkü GUI yarışmasında, bölünmüş düğmeleri çözme yöntemi konusundaki düşüncelerimi paylaşıyorum. Sıkıştırılmış arayüzler için temel bir bileşen olan bu bileşen, ikincil işlemlerin tek bir düğmeyle gösterilebilmesini sağlar. Temalar, gölgeler, renkler, düzenler, etkileşim kullanıcı deneyimi ve daha birçok konuda faydalı ipuçları sizi bekliyor.
Bölümler:
- 0:00 - Giriş
- 0:24 - Genel bakış
- 1:40 - Açık ve Koyu
- 3:37 - Gölgeler
- 5:45 - SVG İpuçları
- 7:12 - Eyaletler
- 10:20 - Klavye kullanıcı deneyimi
- 11:41 - Azaltılmış Hareket Kullanıcı Deneyimi
- 13:20 - Ekran Okuyucu Kullanıcı Deneyimi
- 14:13 - Sağdan sola kullanıcı deneyimi
- 15:58 - Flexbox Düzenleri
- 18:51 - JavaScript
- 21:22 - Bitiş
Kaynaklar:
Daha fazla GUI Meydan Okuması'nı izleyin: https://goo.gle/GUIchallenges
Google Chrome Geliştiricileri'ne abone olun → http://goo.gl/LLLNvf
arrow_back Tüm bölümlere dön
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2021-09-08 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"İhtiyacım olan bilgiler yok"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Çok karmaşık / çok fazla adım var"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Güncel değil"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Çeviri sorunu"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Örnek veya kod sorunu"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Diğer"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Anlaması kolay"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Sorunumu çözdü"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Diğer"
}]
{"lastModified": "Son g\u00fcncelleme tarihi: 2021-09-08 UTC."}
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2021-09-08 UTC."],[],[]]