Open LeoAndo opened 1 year ago
https://io.google/2023/program/170b44dc-47f0-409f-92fe-b5c70aab4569/intl/ja/ https://www.youtube.com/watch?v=oDcb3fvtETs 適切なアニメーションは、ウェブページの UI がどのように動作するかに関して、ユーザーが的確なメンタルモデルを構築できるようにして、ウェブサイトのユーザビリティを向上させる優れた方法です。ただし、ユーザーにとっては、UI が洗練されていて流麗だと感じられることが重要です。Chrome には、これらのなめらかで魅力的なエクスペリエンスを構築できるようにする一連の新しい API が付属しています。ビュー遷移、スクロール駆動型アニメーション、リニア イージング関数、個々の transform プロパティなど、これらの新しい API の注目の機能をいくつか紹介します。
アニメーション スニペット https://youtu.be/oDcb3fvtETs?t=80
progress & scrollbar https://youtu.be/oDcb3fvtETs?t=394
https://io.google/2023/program/170b44dc-47f0-409f-92fe-b5c70aab4569/intl/ja/ https://www.youtube.com/watch?v=oDcb3fvtETs 適切なアニメーションは、ウェブページの UI がどのように動作するかに関して、ユーザーが的確なメンタルモデルを構築できるようにして、ウェブサイトのユーザビリティを向上させる優れた方法です。ただし、ユーザーにとっては、UI が洗練されていて流麗だと感じられることが重要です。Chrome には、これらのなめらかで魅力的なエクスペリエンスを構築できるようにする一連の新しい API が付属しています。ビュー遷移、スクロール駆動型アニメーション、リニア イージング関数、個々の transform プロパティなど、これらの新しい API の注目の機能をいくつか紹介します。