タグ

ブックマーク / web.dev (2)

  • Web App Install Banners  |  Web Fundamentals  |  Google Developers

    display_override ウェブアプリの表示方法を選択するには、前述のように、マニフェストで display モードを設定します。ブラウザはすべてのディスプレイ モードをサポートする必要はありませんが、仕様で定義されているフォールバック チェーン("fullscreen" → "standalone" → "minimal-ui" → "browser")をサポートする必要があります。特定のモードをサポートしていない場合は、チェーン内の次のディスプレイ モードにフォールバックします。まれに、このフォールバックによって問題が発生することがあります。たとえば、"minimal-ui" がサポートされていない場合、デベロッパーは強制的に "browser" 表示モードに戻さない限り、"minimal-ui" をリクエストできません。また、現在の動作では、フォールバック チェーン内に場所が

  • イージングの基本  |  Articles  |  web.dev

    自然界において、ある地点から別の地点に直線的に動くものはありません。実際には、物体は動くにつれて加速または減速する傾向があります。私たちの脳はこの種の動きを期待するように作られているため、アニメーション化するときは、これをうまく使う必要があります。自然な動きでユーザーがアプリに馴染み、全体的なエクスペリエンスの向上につながります。 まとめ イージングは、アニメーションをより自然に感じさせます。 UI 要素にイーズアウト アニメーションを選択します。 イーズインまたはイーズインアウトのアニメーションは、短くすることが可能な場合を除き、使用しないでください。エンドユーザーにとって動きが遅く感じられる傾向があります。 従来のアニメーションでは、ゆっくり始めて加速する動きは「スローイン」と呼ばれ、すばやく開始して減速する動きは「スローアウト」です。ウェブで最もよく使われている用語は、それぞれ「イー

  • 1