ダークテーマ/ライトテーマの切り替えを解決する方法を検討している

今日の GUI チャレンジでは、@AdamArgyleInk が、テーマの切り替えコンポーネントを構築する方法についてアイデアを共有します。ウェブサイトでは多くの場合、テーマをシステム設定以外のものに切り替えることができます。こうしたテーマは、そのようなユーザー エクスペリエンスを実現する方法について検討しています。

章:

  • 0:00 - はじめに
  • 0:30 - 概要
  • 3:10 - デバッグのコーナー
  • 3:36 - HTML
  • 7:40 - SVG
  • 8:59 - マスク
  • 10:00 - アニメーション
  • 11:51 - テーマの切り替え CSS
  • 15:35 - 太陽と月の CSS
  • 19:37 - JavaScript
  • 23:45 - まとめ

リソース:

その他の GUI チャレンジはこちら → https://goo.gle/GUIchallenges

Google Chrome Developers に登録 → https://goo.gle/ChromeDevs

すべてのエピソードに戻る