本日の GUI チャレンジでは、これまで考えられなかったような素晴らしい機能を備えたタブ コンポーネントを作成します。タブ コンポーネントはレスポンシブで、複数のデバイス入力をサポートし、ブラウザをまたいで動作します。また、アプリのお気に入りの機能の一部であるかのように使用できます。
エピソードのリリース後 30 分間は、@AdamArgyleInk があなたのコメントに回答します。こちらからお問い合わせいただくか、質問を投稿してください。独自のコードを提出することもできます。
章:
- 0:00 - はじめに
- 0:42 - 機能の概要
- 3:03 - HTML
- 4:14 - スクロール
- 5:04 - レイアウトの検査
- 7:35 - レイアウト スタイル
- 12:10 -preferreds-reduced-motion
- 13:10 - JavaScript とアニメーション
- 14:37 - まとめ
リソース:
- 関連情報 → https://goo.gle/37jHOen
- デモを試す → http://goo.gle/3prCpb2
- 詳しくはこちら → http://goo.gle/2NsK7EK
- @ScrollTimeline Polyfill → http://goo.gle/2NfUhZs
その他の GUI チャレンジはこちら → https://goo.gle/GUIchallenges
Google Chrome Developers に登録 → http://goo.gl/LLLNvf