在今天的 GUI Challenge 中,@AdamArgyleInk 分享思維如何建構主題切換元件。網站通常允許使用者將主題換成系統偏好以外的內容,而這些想法就是如何達成這項使用者體驗的考量。
章節:
- 0:00 - 簡介
- 0:30 - 總覽
- 3:10 - 偵錯中心
- 3:36 - HTML
- 7:40 - 可擴充向量圖形
- 8:59 - 遮罩
- 10:00 - 動畫
- 11:51 - 主題切換 CSS
- 15:35 - Sun 和 Moon CSS
- 19:37 - JavaScript
- 23:45 - 重點回顧
資源:
- 請閱讀 → https://goo.gle/3qGhnt7
- 立即觀看示範影片 → https://goo.gle/3GMUfig
- 取得原始碼 → https://goo.gle/3rz8VLv
觀看更多 GUI 挑戰 → https://goo.gle/GUIchallenges
訂閱 Google Chrome 開發人員 → https://goo.gle/ChromeDevs