今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 7.5~7.11

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

Bruno Quintela(WEBサイト)

150722_01

http://brunoquintela.com/

WebGLを駆使した、クリエイティブな3D世界。9種類の3Dモデルが閲覧出来る。サイトのテイストもCoolです。

Citak Rugs Inc(WEBサイト)

150722_02

hhttp://www.citakrugs.ca/

アメリカのラグマットメーカーのサイト。トップページのcanvasもインパクトありますが、collectionの一覧から詳細のページの下部に集約されたUIが見所で、3D表示なども出来るなどユーザーへの気配りがすごい。

Zoom Slider(サンプルソース)

150722_03

http://tympanus.net/codrops/2015/07/06/zoom-slider/

基本はスライダーだが、Clickで詳細へ拡大を伴って遷移するサンプルソース。非常にダイナミックな動きで派手に動かしたい場合によさそう。

Comment, bureau d'études audiovisuel et multimédia(WEBサイト)

150722_04

http://www.comment.fr/

フランスのインフラアーキテクチャ会社のサイト。気持ちいいインタラクションと美しいUIに注目しました。

TabTab.js(プラグイン)

150722_05

http://tabtab.be/

パフォーマンスに優れたtabプラグイン。60fpsで滑らかで、Optionも豊富。矢印キーの対応もしていて、esengの設定から、アニメーション変更も出来ます。velocity.jsに依存しています。→velocity.jsとは?

jStepper(プラグイン)

150722_06

http://jstepper.emkay.dk/

フォームなどで使えそうな矢印キーや、マウスホイールで値を調整でき、最大値や掛け値など豊富なOptionがあります。使い勝手がよさそうなので取り上げました。

Playful Interaction for Draggable Elements(サンプルソース)

150722_07

http://tympanus.net/codrops/2015/07/08/playful-interaction-for-draggable-elements/

ダイアログサンプルソース。どちらもドラッグ出来る&リリースで慣性が付いている所がミソ。Demo 1がライトボックス風。Demo 2がギャラリー風。

Share

  • このエントリーをはてなブックマークに追加
  • 29

Follow(SNSで定期購読)

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>