在今天的 GUI Challenge 中,@AdamArgyleInk 為所有網頁不同的按鈕類型加上自訂屬性樣式,以及使用 :where() 設定網站的不同按鈕類型,方便您輕鬆製作新的變化版本。
章節:
- 0:00 - 簡介
- 0:19 - 總覽
- 2:08 - 鍵盤使用者體驗
- 2:46 - 全新的主題切換器
- 3:09 - 滑鼠使用者體驗
- 3:34 - 表單中的按鈕
- 4:30 - 已停用的按鈕
- 5:22 - HTML
- 5:43 - CSS 基本選取器
- 6:24 - 自動調整自訂屬性
- 7:20 - 按鈕變化版本
- 10:10 - 使用直播按鈕的變化版本建構
- 11:18 - 重點回顧
- 11:50 - 減少動作
- 12:57 - 結尾
資源:
- 請閱讀 → https://goo.gle/3wEsaWR
- 立即試用 → https://goo.gle/3a2guoV
- 取得原始碼 → https://goo.gle/39uY8Na
觀看更多 GUI 挑戰 → https://goo.gle/GUIchallenges
訂閱 Google Chrome 開發人員 → https://goo.gle/ChromeDevs