ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ユーザのアクションに対して反応することで、相手のストレスを軽減できます。特にAjaxを使うSPAなどでは通信状態を適切に表示しておくのが大事です。何の反応もなかったら、ユーザは何度もボタンを押してしまうでしょう。

一例として紹介したいのがBorderColorAnimateです。枠をアニメーションさせるという面白い方法です。

BorderColorAnimateの使い方

アニメーションさせているところです。

ボタンを大きくしたり、バウンドさせたりするのに比べるとシンプルなアニメーションです。また、単に文字を変えるだけなのに比べてインパクトがあります。意外と使えそうな手法ではないでしょうか。

BorderColorAnimateはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

payalord/BorderColorAnimate: jQuery plugin to animate border color

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2