今週の気になるWEBサイト・アプリUI/UX＆デジタル広告・サービス 6.14～6.20

今週の「気になる」シリーズはサイト：4、プラグイン：2、サンプルソース：2でお送りいたします。

クロアチアのスポーツドリンクcedevitaのWEBサイト。透過画像の組み合わせが工夫されていて、遊び心たっぷり。

マウスに反応して波紋が動くCANVAS要素が大胆。また各ページでのタイポグラフィーアニメもCOOLです。

アニメーションのライブラリです。サンプルがいくつかあり、パフォーマンステストでは250個のSVGを同時にアニメーションしてますが、かなりなめらか。イージングも豊富なので今後使う機会があればレビューしたいと思います。サイズは2.8KB

ウインドウいっぱいに広げるシングルページのスクロールアニメーションのサンプルソースです。全8種類用意されています。

非常にインパクトがあるページ遷移アニメーションのサンプルソース。幾何学的に配置されたSVGをガラスが割れるかの様にアニメーションさせています。

アニメーションやインタラクションを生業としている制作会社のサイト。ムービー等を見るとモーショングラフィクスがすごいですが、ついついシュールなイラストに釘付けになっちゃう。

オランダの通信会社kpnが運営するビデオオンデマンドのWEBサイト。小さいエリアにたくさんのコンテンツを重ねてアニメーションさせていて芸が細かい。

画像から色を拾ってくれるプラグインです。特徴としては4つの色を拾ってグラデーションを作成する所。単色だけ拾う事も出来ます。