タグ

2020年3月25日のブックマーク (2件)

  • Adobe XDに音声付きプロトタイプ、アンカーリンクなどが登場! | Web Design Trends

    プロトタイプにオーディオ組み込みが可能に 今回のアップデートにより、プロトタイプにオーディオを組み込むことができるようになりました。 アニメーション再生時のように、特定のトリガーに紐付いてオーディオを再生することができるので、幅広く活用することができそうです。 具体的には、下記のような場合に活躍するのではないでしょうか。 将来的に、動画の再生や、オーディオの一時停止、早送りなどの機能が追加されればさらにプロダクトの完成形に近いプロトタイプを作ることができるようになるかもしれませんね。 プロトタイプにアンカーリンクを設定できるように アンカーリンクというのは、Webサイトでは一般的に使われていますが、同じページの特定の箇所までスクロールさせる時に使用する機能です。 これが追加されることにより、プロトタイプ上でより実際の形に近いUXを確認することができるようになります。 zeroheight

    Adobe XDに音声付きプロトタイプ、アンカーリンクなどが登場! | Web Design Trends
  • これなら簡単!数字や文字のパネルをぱたぱた回転させるフリップを実装できるスクリプト -Flip Countdown

    カウントダウン、カウンター、タイマー、メッセージなど、数字や文字のパネルをぱたぱた回転させるフリップを簡単に実装できるスクリプトを紹介します。 ぱたぱた回転するアニメーションが非常に気持ちよく、今まで紹介した中でもピカイチだと思います。 クイックフリップ 高性能フリップアニメーション、フリップカードはオーバーラップできます。値は毎秒複数回更新。 タイムスナップ タイマーのアルゴリズムはJavaScriptのsetIntervalを自動的に修正するため、高精度の間隔精度が得られます。 サーバー同期 追加の構成要件なしで、クライアントとサーバーの時刻を自動的に同期。 Tickエンジン Flipの背後にあるTickエンジンは、豊富なカウンターテンプレートの構築と変換構成をサポート。 対応ブラウザは、下記の通りです。 Chrome Firefox Edge Opera Safari 9+ iOS

    これなら簡単!数字や文字のパネルをぱたぱた回転させるフリップを実装できるスクリプト -Flip Countdown