DÜĞMELERİ çözüme kavuşturmanın yolları üzerine düşünüyoruz
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Bugünkü GUI Yarışması'nda @AdamArgyleInk, web'deki tüm farklı düğme türlerinin stilini belirlemek için özel özellikler ve :where() kullanarak yeni varyantlar oluşturmayı kolaylaştıran açık/koyu renkli uyarlanabilir düğmelere ağırlık verdi.
Bölümler:
- 0:00 - Giriş
- 0:19 - Genel bakış
- 2:08 - Klavye kullanıcı deneyimi
- 2:46 - Yeni tema değiştirici
- 3:09 - Fare kullanıcı deneyimi
- 3:34 - Formlardaki düğmeler
- 4:30 - Devre dışı bırakma düğmesi
- 5:22 - HTML
- 5:43 - CSS temel seçici
- 6:24 - Uyarlanabilir özel özellikler
- 7:20 - Düğme varyantları
- 10:10 - Canlı düğme varyantı oluşturma
- 11:18 - Özet
- 11:50 - Azaltılmış hareket
- 12:57 - Bitiş
Kaynaklar:
Daha fazla GUI Meydan Okuması'nı izleyin: https://goo.gle/GUIchallenges
Google Chrome Geliştiricileri'ne abone olun → https://goo.gle/ChromeDevs
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: 2022-05-18 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: 2022-05-18 UTC."],[],[]]