回線環境も機器も整ってきて、快適な環境であればほぼストレス無くWEBを閲覧できますが、本当に大きなデータを読み込ませたり、通信環境も考慮すると必要になってくるのがローディングです。ユーザーの待ち時間のストレスを緩和してくれるものですが、今日紹介するのはクリエイティブなローディングが簡単に実装できるjs「Creative Loading Effects」です。

幾つかのエフェクトが予めセットされており、それぞれのエフェクトを指定することで、簡単にローディングを実装することが可能です。幾つかエフェクトの種類についてキャプチャがありますので下記からご覧ください。

詳しくは以下

エフェクトのアニメーションはCSS3で記述されており、アニメーションのカスタマイズも可能になっています。位置から組むとかなり大変なものもありますので、ローディングを新たに実装したいという方には非常に有益なjsだと思います。

Creative Loading Effects | Codrops