今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 7.5~7.11
今週の「気になる」シリーズはサイト:3、プラグイン:2、サンプルソース:2でお送りいたします。
Bruno Quintela(WEBサイト)
WebGLを駆使した、クリエイティブな3D世界。9種類の3Dモデルが閲覧出来る。サイトのテイストもCoolです。
Citak Rugs Inc(WEBサイト)
アメリカのラグマットメーカーのサイト。トップページのcanvasもインパクトありますが、collectionの一覧から詳細のページの下部に集約されたUIが見所で、3D表示なども出来るなどユーザーへの気配りがすごい。
Zoom Slider(サンプルソース)
http://tympanus.net/codrops/2015/07/06/zoom-slider/
基本はスライダーだが、Clickで詳細へ拡大を伴って遷移するサンプルソース。非常にダイナミックな動きで派手に動かしたい場合によさそう。
Comment, bureau d'études audiovisuel et multimédia(WEBサイト)
フランスのインフラアーキテクチャ会社のサイト。気持ちいいインタラクションと美しいUIに注目しました。
TabTab.js(プラグイン)
パフォーマンスに優れたtabプラグイン。60fpsで滑らかで、Optionも豊富。矢印キーの対応もしていて、esengの設定から、アニメーション変更も出来ます。velocity.jsに依存しています。→velocity.jsとは?
jStepper(プラグイン)
フォームなどで使えそうな矢印キーや、マウスホイールで値を調整でき、最大値や掛け値など豊富なOptionがあります。使い勝手がよさそうなので取り上げました。
Playful Interaction for Draggable Elements(サンプルソース)
http://tympanus.net/codrops/2015/07/08/playful-interaction-for-draggable-elements/
ダイアログサンプルソース。どちらもドラッグ出来る&リリースで慣性が付いている所がミソ。Demo 1がライトボックス風。Demo 2がギャラリー風。